From 60d89a1bc83c622284df0afa78b9e704f95bb795 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hartmut=20N=C3=B6renberg?= Date: Fri, 10 Apr 2026 10:35:44 +0200 Subject: [PATCH] fix(ui): replace blue-shifted hardcoded gradient in WidgetContainer dark mode The widget wrapper had a hardcoded dark gradient using rgba(22,23,26) and rgba(16,17,19) which are blue-shifted. Replace with CSS variable references --surface-elevated and --surface-card for neutral dark backgrounds. Co-Authored-By: Claude Sonnet 4.6 --- apps/web/src/components/dashboard/WidgetContainer.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/web/src/components/dashboard/WidgetContainer.tsx b/apps/web/src/components/dashboard/WidgetContainer.tsx index 046aaa7..3e9e09e 100644 --- a/apps/web/src/components/dashboard/WidgetContainer.tsx +++ b/apps/web/src/components/dashboard/WidgetContainer.tsx @@ -30,7 +30,7 @@ export function WidgetContainer({ className={`flex flex-col h-full rounded-xl border overflow-hidden transition-all duration-200 ${ isDragging ? "shadow-xl border-brand-400 dark:border-brand-500 scale-[1.01] ring-2 ring-brand-400/30" - : "border-gray-200/80 bg-[linear-gradient(180deg,rgba(250,250,251,0.95),rgba(255,255,255,0.98))] shadow-sm hover:shadow-md hover:border-gray-300 dark:border-gray-700/60 dark:bg-[linear-gradient(180deg,rgba(22,23,26,0.97),rgba(16,17,19,0.95))] dark:hover:border-gray-600" + : "border-gray-200/80 bg-[linear-gradient(180deg,rgba(250,250,251,0.95),rgba(255,255,255,0.98))] shadow-sm hover:shadow-md hover:border-gray-300 dark:border-gray-700/60 dark:bg-[linear-gradient(180deg,rgb(var(--surface-elevated)/0.97),rgb(var(--surface-card)/0.95))] dark:hover:border-gray-600" }`} >