Hartmut/CapaKraken
1
0
Fork 0
Code Issues 10 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(ui): add gray-950 opacity variant overrides to dark theme normalization

Browse Source 
Tailwind's gray-950 (rgb(3,7,18)) is blue-shifted. Add solid and opacity
variant overrides (/96, /95, /60, /50, /45, /40) to map gray-950 to
the neutral --surface-card CSS variable in dark mode.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Hartmut Nörenberg
2026-04-10 09:26:58 +02:00
parent 05aa864359
commit b663755749
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/app/globals.css
+8 -1
View File
@@ -440,8 +440,9 @@
background-color: rgb(var(--surface-elevated)) !important; background-color: rgb(var(--surface-elevated)) !important;
} }
/* ── Card surface: gray-900, slate-900, slate-950 ───────────────────────── */ /* ── Card surface: gray-900, gray-950, slate-900, slate-950 ──────────────── */
.dark .bg-gray-900, .dark .dark\:bg-gray-900, .dark .bg-gray-900, .dark .dark\:bg-gray-900,
.dark .bg-gray-950, .dark .dark\:bg-gray-950,
.dark .bg-slate-900, .dark .dark\:bg-slate-900, .dark .bg-slate-900, .dark .dark\:bg-slate-900,
.dark .bg-slate-950, .dark .dark\:bg-slate-950 { .dark .bg-slate-950, .dark .dark\:bg-slate-950 {
background-color: rgb(var(--surface-card)) !important; background-color: rgb(var(--surface-card)) !important;
@@ -489,6 +490,12 @@
.dark .bg-slate-900\/50, .dark .dark\:bg-slate-900\/50, .dark .bg-slate-900\/50, .dark .dark\:bg-slate-900\/50,
.dark .bg-slate-900\/40, .dark .dark\:bg-slate-900\/40, .dark .bg-slate-900\/40, .dark .dark\:bg-slate-900\/40,
.dark .bg-slate-900\/30, .dark .dark\:bg-slate-900\/30, .dark .bg-slate-900\/30, .dark .dark\:bg-slate-900\/30,
.dark .bg-gray-950\/96, .dark .dark\:bg-gray-950\/96,
.dark .bg-gray-950\/95, .dark .dark\:bg-gray-950\/95,
.dark .bg-gray-950\/60, .dark .dark\:bg-gray-950\/60,
.dark .bg-gray-950\/50, .dark .dark\:bg-gray-950\/50,
.dark .bg-gray-950\/45, .dark .dark\:bg-gray-950\/45,
.dark .bg-gray-950\/40, .dark .dark\:bg-gray-950\/40,
.dark .bg-slate-950\/95, .dark .dark\:bg-slate-950\/95, .dark .bg-slate-950\/95, .dark .dark\:bg-slate-950\/95,
.dark .bg-slate-950\/70, .dark .dark\:bg-slate-950\/70, .dark .bg-slate-950\/70, .dark .dark\:bg-slate-950\/70,
.dark .bg-slate-950\/60, .dark .dark\:bg-slate-950\/60, .dark .bg-slate-950\/60, .dark .dark\:bg-slate-950\/60,