SteelDynamite/onyx-tasks
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Lighten onyx gold shades

Browse source 
Adjust onyx theme gold tones to be slightly lighter and warmer for
improved contrast and visual clarity. This updates primary text,
secondary text, scrollbar, select option text, checkbox borders,
hover/focus highlight backgrounds, and the Linux window border to use
the new lighter gold color values so the UI reads better against dark
surfaces.
This commit is contained in:
Tristan Michael 2026-04-06 17:25:02 -07:00
parent c13fbde1b8
commit c4d6d28e12
1 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
apps/tauri/src/app.css
View file

@ -146,24 +146,24 @@ body {
--color-surface-dark: #141414; --color-surface-dark: #141414;
--color-card-light: #1e1e1e; --color-card-light: #1e1e1e;
--color-card-dark: #1e1e1e; --color-card-dark: #1e1e1e;
--color-text-light: #c4a95a; --color-text-light: #d4bc72;
--color-text-dark: #c4a95a; --color-text-dark: #d4bc72;
--color-text-secondary-light: #917a3e; --color-text-secondary-light: #a6905a;
--color-text-secondary-dark: #917a3e; --color-text-secondary-dark: #a6905a;
--color-border-light: #2a2418; --color-border-light: #2a2418;
--color-border-dark: #2a2418; --color-border-dark: #2a2418;
--color-danger: #ef4444; --color-danger: #ef4444;
} }
[data-theme="onyx"] * { [data-theme="onyx"] * {
scrollbar-color: #917a3e transparent; scrollbar-color: #a6905a transparent;
} }
[data-theme="onyx"] ::-webkit-scrollbar-thumb { [data-theme="onyx"] ::-webkit-scrollbar-thumb {
background: #917a3e; background: #a6905a;
} }
[data-theme="onyx"] select option { [data-theme="onyx"] select option {
background-color: #141414; background-color: #141414;
color: #c4a95a; color: #d4bc72;
} }
/* Dark text on primary buttons/FAB */ /* Dark text on primary buttons/FAB */
@ -174,19 +174,19 @@ body {
/* Checkbox borders: gold instead of gray */ /* Checkbox borders: gold instead of gray */
[data-theme="onyx"] .border-gray-400, [data-theme="onyx"] .border-gray-400,
[data-theme="onyx"] .border-gray-500 { [data-theme="onyx"] .border-gray-500 {
border-color: #917a3e; border-color: #a6905a;
} }
/* Hover/focus highlights: gold tint instead of white */ /* Hover/focus highlights: gold tint instead of white */
[data-theme="onyx"] .dark\:hover\:bg-white\/10:hover, [data-theme="onyx"] .dark\:hover\:bg-white\/10:hover,
[data-theme="onyx"] .dark\:hover\:bg-white\/5:hover, [data-theme="onyx"] .dark\:hover\:bg-white\/5:hover,
[data-theme="onyx"] .dark\:bg-white\/10 { [data-theme="onyx"] .dark\:bg-white\/10 {
background-color: rgb(196 169 90 / 0.1); background-color: rgb(212 188 114 / 0.1);
} }
/* Linux window border */ /* Linux window border */
[data-theme="onyx"] .linux-window-border { [data-theme="onyx"] .linux-window-border {
border-color: rgba(196, 169, 90, 0.15); border-color: rgba(212, 188, 114, 0.15);
} }
[data-theme="solarized"] { [data-theme="solarized"] {