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

fix(ui): replace blue-shifted hardcoded gradient in WidgetContainer dark mode

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
Hartmut Nörenberg
2026-04-10 10:35:44 +02:00
parent b663755749
commit 60d89a1bc8
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/dashboard/WidgetContainer.tsx
+1 -1
View File
@@ -30,7 +30,7 @@ export function WidgetContainer({
className={`flex flex-col h-full rounded-xl border overflow-hidden transition-all duration-200 ${ className={`flex flex-col h-full rounded-xl border overflow-hidden transition-all duration-200 ${
isDragging isDragging
? "shadow-xl border-brand-400 dark:border-brand-500 scale-[1.01] ring-2 ring-brand-400/30" ? "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"
}`} }`}
> >
<div className="flex items-start justify-between gap-3 px-4 pt-3.5 pb-3 shrink-0 widget-drag-handle group"> <div className="flex items-start justify-between gap-3 px-4 pt-3.5 pb-3 shrink-0 widget-drag-handle group">