Small light theme fixes (#1248)

* Use grey border instead of black shadow in light mode below filter-bar

* Fix some theme colors not updating when theme is changed in real-time
This commit is contained in:
Damien Erambert
2025-11-09 00:25:58 -08:00
committed by GitHub
parent d74e7b52cc
commit 6a236c803a
2 changed files with 9 additions and 2 deletions
+1 -1
View File
@@ -189,7 +189,7 @@ export const App = () => {
}, [language]); }, [language]);
return ( return (
<MantineProvider defaultColorScheme={mode as 'dark' | 'light'} theme={theme}> <MantineProvider forceColorScheme={mode} theme={theme}>
<Notifications <Notifications
containerWidth="300px" containerWidth="300px"
position="bottom-center" position="bottom-center"
@@ -1,5 +1,12 @@
.filter-bar { .filter-bar {
z-index: 1; z-index: 1;
padding: var(--theme-spacing-md) var(--theme-spacing-sm); padding: var(--theme-spacing-md) var(--theme-spacing-sm);
box-shadow: 0 5px 15px rgb(0 0 0 / 65%);
@mixin dark {
box-shadow: 0 5px 15px rgb(0 0 0 / 65%);
}
@mixin light {
box-shadow: 0 2px 0 var(--theme-colors-border);
}
} }