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

Tweak onyx theme colors to warmer gold tones

Browse source 
Give the onyx theme a warmer, gold-accented look and slightly lighten
deep blacks to improve contrast and legibility. Replace pure white
primary colors with a soft yellow/gold, adjust surface and card blacks
to be a bit lighter, and update related elements (select options,
primary button text, checkbox borders, hover/focus highlights, and Linux
window border) so interactive elements read clearly against the new
palette.
This commit is contained in:
Tristan Michael 2026-04-06 17:23:25 -07:00
parent 973d575b51
commit c13fbde1b8
1 changed files with 30 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -140,12 +140,12 @@ body {
}
[data-theme="onyx"] {
--color-primary: #ffffff;
--color-primary-hover: #e0e0e0;
--color-surface-light: #0a0a0a;
--color-surface-dark: #0a0a0a;
--color-card-light: #161616;
--color-card-dark: #161616;
--color-primary: #f5ecd0;
--color-primary-hover: #e0d5b3;
--color-surface-light: #141414;
--color-surface-dark: #141414;
--color-card-light: #1e1e1e;
--color-card-dark: #1e1e1e;
--color-text-light: #c4a95a;
--color-text-dark: #c4a95a;
--color-text-secondary-light: #917a3e;
@ -162,10 +162,33 @@ body {
background: #917a3e;
}
[data-theme="onyx"] select option {
background-color: #0a0a0a;
background-color: #141414;
color: #c4a95a;
}
/* Dark text on primary buttons/FAB */
[data-theme="onyx"] .bg-primary {
color: #141414;
}
/* Checkbox borders: gold instead of gray */
[data-theme="onyx"] .border-gray-400,
[data-theme="onyx"] .border-gray-500 {
border-color: #917a3e;
}
/* Hover/focus highlights: gold tint instead of white */
[data-theme="onyx"] .dark\:hover\:bg-white\/10:hover,
[data-theme="onyx"] .dark\:hover\:bg-white\/5:hover,
[data-theme="onyx"] .dark\:bg-white\/10 {
background-color: rgb(196 169 90 / 0.1);
}
/* Linux window border */
[data-theme="onyx"] .linux-window-border {
border-color: rgba(196, 169, 90, 0.15);
}
[data-theme="solarized"] {
--color-primary: #268bd2;
--color-primary-hover: #1e7ac0;