From b6637557499309d938a2a5b4a4ab4d47ea37c8c1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hartmut=20N=C3=B6renberg?= Date: Fri, 10 Apr 2026 09:26:58 +0200 Subject: [PATCH] fix(ui): add gray-950 opacity variant overrides to dark theme normalization 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 --- apps/web/src/app/globals.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/apps/web/src/app/globals.css b/apps/web/src/app/globals.css index b36645d..43f1810 100644 --- a/apps/web/src/app/globals.css +++ b/apps/web/src/app/globals.css @@ -440,8 +440,9 @@ 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-950, .dark .dark\:bg-gray-950, .dark .bg-slate-900, .dark .dark\:bg-slate-900, .dark .bg-slate-950, .dark .dark\:bg-slate-950 { 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\/40, .dark .dark\:bg-slate-900\/40, .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\/70, .dark .dark\:bg-slate-950\/70, .dark .bg-slate-950\/60, .dark .dark\:bg-slate-950\/60,