diff --git a/widgets/horizontal/styles/style.css b/widgets/horizontal/styles/style.css index a77a541..8ff0ef1 100644 --- a/widgets/horizontal/styles/style.css +++ b/widgets/horizontal/styles/style.css @@ -10,7 +10,9 @@ --widget-height: 50px; /* Height of the full-width horizontal bar */ /* -- 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 */ --focused-text-color: #141414; /* Text color when a task is focused */ @@ -71,7 +73,7 @@ body { padding: var(--header-padding); font-weight: 700; font-size: var(--header-font-size); - color: var(--text-color); + color: var(--header-name-color); background: var(--panel-header-background); height: 100%; white-space: nowrap; @@ -79,7 +81,7 @@ body { .panel-header span:last-child { font-weight: 600; - color: var(--text-color); + color: var(--header-name-color); font-size: var(--header-subtitle-font-size); } @@ -101,7 +103,7 @@ body { flex: 0 0 auto; font-weight: 700; font-size: var(--section-title-font-size); - color: var(--text-color); + color: var(--username-color); margin-bottom: 0; white-space: nowrap; } @@ -110,7 +112,7 @@ body { gap: var(--task-gap); padding: var(--task-padding); font-size: var(--task-font-size); - color: var(--text-color); + color: var(--task-name-color); line-height: 1.4; width: auto; } diff --git a/widgets/streamer-only/styles/style.css b/widgets/streamer-only/styles/style.css index ee2c2d7..35971be 100644 --- a/widgets/streamer-only/styles/style.css +++ b/widgets/streamer-only/styles/style.css @@ -9,7 +9,9 @@ --panel-border-radius: 12px; /* Roundness of panel corners */ /* -- 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 */ --focused-text-color: #141414; /* Text color when a task is focused */ @@ -68,13 +70,13 @@ body { padding: var(--header-padding); font-weight: 700; font-size: var(--header-font-size); - color: var(--text-color); + color: var(--header-name-color); background: var(--panel-header-background); } .panel-header span:last-child { font-weight: 600; - color: var(--text-color); + color: var(--header-name-color); font-size: var(--header-subtitle-font-size); } @@ -90,7 +92,7 @@ body { .section-title { font-weight: 700; font-size: var(--section-title-font-size); - color: var(--text-color); + color: var(--username-color); margin-bottom: 4px; } @@ -98,7 +100,7 @@ body { gap: var(--task-gap); padding: var(--task-padding); font-size: var(--task-font-size); - color: var(--text-color); + color: var(--task-name-color); line-height: 1.4; width: fit-content; } diff --git a/widgets/vertical/styles/style.css b/widgets/vertical/styles/style.css index 7a09d04..16680ca 100644 --- a/widgets/vertical/styles/style.css +++ b/widgets/vertical/styles/style.css @@ -9,7 +9,9 @@ --panel-border-radius: 12px; /* Roundness of panel corners */ /* -- 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 */ --focused-text-color: #141414; /* Text color when a task is focused */ @@ -68,13 +70,13 @@ body { padding: var(--header-padding); font-weight: 700; font-size: var(--header-font-size); - color: var(--text-color); + color: var(--header-name-color); background: var(--panel-header-background); } .panel-header span:last-child { font-weight: 600; - color: var(--text-color); + color: var(--header-name-color); font-size: var(--header-subtitle-font-size); } @@ -90,7 +92,7 @@ body { .section-title { font-weight: 700; font-size: var(--section-title-font-size); - color: var(--text-color); + color: var(--username-color); margin-bottom: 4px; } @@ -98,7 +100,7 @@ body { gap: var(--task-gap); padding: var(--task-padding); font-size: var(--task-font-size); - color: var(--text-color); + color: var(--task-name-color); line-height: 1.4; width: fit-content; }