mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-10 04:30:25 +02:00
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:
@@ -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);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user