privilegedescalation/headlamp-polaris-plugin
Archived
12
0
Fork 0
Code Issues 4 Pull Requests 3 Actions Packages Projects Releases 50 Wiki Activity

fix: use Headlamp theme system for drawer background

Browse Source 
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 <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
This commit is contained in:
Chris Farhood
2026-02-12 09:30:47 -05:00
parent ade6bf93a7
commit 808f60ad88
1 changed files with 2 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/NamespacesListView.tsx
+2 -8
View File
@@ -108,19 +108,13 @@ function NamespaceDetailPanel({ namespace, onClose }: NamespaceDetailPanelProps)
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 1000px; width: 1000px;
background-color: #ffffff; background-color: var(--mui-palette-background-default, #fafafa);
color: var(--mui-palette-text-primary, #000); color: var(--mui-palette-text-primary);
box-shadow: -2px 0 8px rgba(0,0,0,0.15); box-shadow: -2px 0 8px rgba(0,0,0,0.15);
overflow-y: auto; overflow-y: auto;
z-index: 1200; z-index: 1200;
padding: 20px; padding: 20px;
} }
@media (prefers-color-scheme: dark) {
.${drawerClass} {
background-color: #1e1e1e;
color: var(--mui-palette-text-primary, #fff);
}
}
`} `}
</style> </style>
<div className={drawerClass}> <div className={drawerClass}>