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
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 9 additions and 2 deletions

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"

View file

@ -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);
@mixin dark {
box-shadow: 0 5px 15px rgb(0 0 0 / 65%); box-shadow: 0 5px 15px rgb(0 0 0 / 65%);
}
@mixin light {
box-shadow: 0 2px 0 var(--theme-colors-border);
}
} }