From 808f60ad88b001a272c930258773b905259c1991 Mon Sep 17 00:00:00 2001 From: Chris Farhood Date: Thu, 12 Feb 2026 09:30:47 -0500 Subject: [PATCH] fix: use Headlamp theme system for drawer background Replace hardcoded colors with --mui-palette-background-default which: - Is fully opaque (fixes transparency issue) - Automatically adapts to Headlamp's light/dark theme - Matches pattern used throughout codebase - Eliminates need for media query Previous approach used hardcoded #ffffff/#1e1e1e which didn't follow Headlamp's theme settings or custom themes. Generated with [Claude Code](https://claude.ai/code) via [Happy](https://happy.engineering) Co-Authored-By: Claude Co-Authored-By: Happy --- src/components/NamespacesListView.tsx | 10 ++-------- 1 file changed, 2 insertions(+), 8 deletions(-) diff --git a/src/components/NamespacesListView.tsx b/src/components/NamespacesListView.tsx index 887fe4a..9e36375 100644 --- a/src/components/NamespacesListView.tsx +++ b/src/components/NamespacesListView.tsx @@ -108,19 +108,13 @@ function NamespaceDetailPanel({ namespace, onClose }: NamespaceDetailPanelProps) top: 0; bottom: 0; width: 1000px; - background-color: #ffffff; - color: var(--mui-palette-text-primary, #000); + background-color: var(--mui-palette-background-default, #fafafa); + color: var(--mui-palette-text-primary); box-shadow: -2px 0 8px rgba(0,0,0,0.15); overflow-y: auto; z-index: 1200; padding: 20px; } - @media (prefers-color-scheme: dark) { - .${drawerClass} { - background-color: #1e1e1e; - color: var(--mui-palette-text-primary, #fff); - } - } `}