fix: use correct CSS variables for drawer dark mode support #6

Merged
cpfarhood merged 1 commits from fix/drawer-dark-mode into main 2026-02-12 04:25:02 +00:00
+4 -5
View File
@@ -103,7 +103,8 @@ function NamespaceDetailPanel({ namespace, onClose }: NamespaceDetailPanelProps)
top: 0, top: 0,
bottom: 0, bottom: 0,
width: '1000px', width: '1000px',
backgroundColor: 'var(--mui-palette-background-paper, var(--background-paper, #fff))', backgroundColor: 'var(--mui-palette-background-default)',
color: 'var(--mui-palette-text-primary)',
boxShadow: '-2px 0 8px rgba(0,0,0,0.15)', boxShadow: '-2px 0 8px rgba(0,0,0,0.15)',
overflowY: 'auto', overflowY: 'auto',
zIndex: 1200, zIndex: 1200,
@@ -118,9 +119,7 @@ function NamespaceDetailPanel({ namespace, onClose }: NamespaceDetailPanelProps)
alignItems: 'center', alignItems: 'center',
}} }}
> >
<h2 <h2 style={{ margin: 0, color: 'var(--mui-palette-text-primary)' }}>
style={{ margin: 0, color: 'var(--mui-palette-text-primary, var(--text-primary, #000))' }}
>
Polaris {namespace} Polaris {namespace}
</h2> </h2>
<button <button
@@ -131,7 +130,7 @@ function NamespaceDetailPanel({ namespace, onClose }: NamespaceDetailPanelProps)
fontSize: '24px', fontSize: '24px',
cursor: 'pointer', cursor: 'pointer',
padding: '0 8px', padding: '0 8px',
color: 'var(--mui-palette-text-primary, var(--text-primary, #000))', color: 'var(--mui-palette-text-primary)',
}} }}
aria-label="Close panel" aria-label="Close panel"
> >