fix: use correct CSS variables for drawer dark mode support #6
@@ -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"
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user