rythondev/rython-task-bot-v2
1
0
Fork 0
mirror of https://github.com/liyunze-coding/rython-task-bot-v2.git synced 2026-09-22 07:24:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

improved colour customisation

Browse source
This commit is contained in:
liyunze 2026-08-12 00:41:13 +10:00
parent 26aa2a3130
commit ad883d3818
3 changed files with 21 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
widgets/horizontal/styles/style.css
View file

@ -10,7 +10,9 @@
--widget-height: 50px; /* Height of the full-width horizontal bar */ --widget-height: 50px; /* Height of the full-width horizontal bar */
/* -- Text Colors -- */ /* -- Text Colors -- */
--text-color: #fafafa; /* Main text color */ --header-name-color: #fafafa; /* Header name color */
--username-color: #fafafa; /* Username color when automatic user colors are disabled */
--task-name-color: #fafafa; /* Task name color */
--done-task-color: #aaa; /* Color of completed tasks */ --done-task-color: #aaa; /* Color of completed tasks */
--focused-text-color: #141414; /* Text color when a task is focused */ --focused-text-color: #141414; /* Text color when a task is focused */
@ -71,7 +73,7 @@ body {
padding: var(--header-padding); padding: var(--header-padding);
font-weight: 700; font-weight: 700;
font-size: var(--header-font-size); font-size: var(--header-font-size);
color: var(--text-color); color: var(--header-name-color);
background: var(--panel-header-background); background: var(--panel-header-background);
height: 100%; height: 100%;
white-space: nowrap; white-space: nowrap;
@ -79,7 +81,7 @@ body {
.panel-header span:last-child { .panel-header span:last-child {
font-weight: 600; font-weight: 600;
color: var(--text-color); color: var(--header-name-color);
font-size: var(--header-subtitle-font-size); font-size: var(--header-subtitle-font-size);
} }
@ -101,7 +103,7 @@ body {
flex: 0 0 auto; flex: 0 0 auto;
font-weight: 700; font-weight: 700;
font-size: var(--section-title-font-size); font-size: var(--section-title-font-size);
color: var(--text-color); color: var(--username-color);
margin-bottom: 0; margin-bottom: 0;
white-space: nowrap; white-space: nowrap;
} }
@ -110,7 +112,7 @@ body {
gap: var(--task-gap); gap: var(--task-gap);
padding: var(--task-padding); padding: var(--task-padding);
font-size: var(--task-font-size); font-size: var(--task-font-size);
color: var(--text-color); color: var(--task-name-color);
line-height: 1.4; line-height: 1.4;
width: auto; width: auto;
} }

12
widgets/streamer-only/styles/style.css
View file

@ -9,7 +9,9 @@
--panel-border-radius: 12px; /* Roundness of panel corners */ --panel-border-radius: 12px; /* Roundness of panel corners */
/* -- Text Colors -- */ /* -- Text Colors -- */
--text-color: #fafafa; /* Main text color */ --header-name-color: #fafafa; /* Header name color */
--username-color: #fafafa; /* Username color when automatic user colors are disabled */
--task-name-color: #fafafa; /* Task name color */
--done-task-color: #aaa; /* Color of completed tasks */ --done-task-color: #aaa; /* Color of completed tasks */
--focused-text-color: #141414; /* Text color when a task is focused */ --focused-text-color: #141414; /* Text color when a task is focused */
@ -68,13 +70,13 @@ body {
padding: var(--header-padding); padding: var(--header-padding);
font-weight: 700; font-weight: 700;
font-size: var(--header-font-size); font-size: var(--header-font-size);
color: var(--text-color); color: var(--header-name-color);
background: var(--panel-header-background); background: var(--panel-header-background);
} }
.panel-header span:last-child { .panel-header span:last-child {
font-weight: 600; font-weight: 600;
color: var(--text-color); color: var(--header-name-color);
font-size: var(--header-subtitle-font-size); font-size: var(--header-subtitle-font-size);
} }
@ -90,7 +92,7 @@ body {
.section-title { .section-title {
font-weight: 700; font-weight: 700;
font-size: var(--section-title-font-size); font-size: var(--section-title-font-size);
color: var(--text-color); color: var(--username-color);
margin-bottom: 4px; margin-bottom: 4px;
} }
@ -98,7 +100,7 @@ body {
gap: var(--task-gap); gap: var(--task-gap);
padding: var(--task-padding); padding: var(--task-padding);
font-size: var(--task-font-size); font-size: var(--task-font-size);
color: var(--text-color); color: var(--task-name-color);
line-height: 1.4; line-height: 1.4;
width: fit-content; width: fit-content;
} }

12
widgets/vertical/styles/style.css
View file

@ -9,7 +9,9 @@
--panel-border-radius: 12px; /* Roundness of panel corners */ --panel-border-radius: 12px; /* Roundness of panel corners */
/* -- Text Colors -- */ /* -- Text Colors -- */
--text-color: #fafafa; /* Main text color */ --header-name-color: #fafafa; /* Header name color */
--username-color: #fafafa; /* Username color when automatic user colors are disabled */
--task-name-color: #fafafa; /* Task name color */
--done-task-color: #aaa; /* Color of completed tasks */ --done-task-color: #aaa; /* Color of completed tasks */
--focused-text-color: #141414; /* Text color when a task is focused */ --focused-text-color: #141414; /* Text color when a task is focused */
@ -68,13 +70,13 @@ body {
padding: var(--header-padding); padding: var(--header-padding);
font-weight: 700; font-weight: 700;
font-size: var(--header-font-size); font-size: var(--header-font-size);
color: var(--text-color); color: var(--header-name-color);
background: var(--panel-header-background); background: var(--panel-header-background);
} }
.panel-header span:last-child { .panel-header span:last-child {
font-weight: 600; font-weight: 600;
color: var(--text-color); color: var(--header-name-color);
font-size: var(--header-subtitle-font-size); font-size: var(--header-subtitle-font-size);
} }
@ -90,7 +92,7 @@ body {
.section-title { .section-title {
font-weight: 700; font-weight: 700;
font-size: var(--section-title-font-size); font-size: var(--section-title-font-size);
color: var(--text-color); color: var(--username-color);
margin-bottom: 4px; margin-bottom: 4px;
} }
@ -98,7 +100,7 @@ body {
gap: var(--task-gap); gap: var(--task-gap);
padding: var(--task-padding); padding: var(--task-padding);
font-size: var(--task-font-size); font-size: var(--task-font-size);
color: var(--text-color); color: var(--task-name-color);
line-height: 1.4; line-height: 1.4;
width: fit-content; width: fit-content;
} }