mirror of
https://github.com/antebudimir/feishin.git
synced 2025-12-31 10:03:33 +00: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:
parent
d74e7b52cc
commit
6a236c803a
2 changed files with 9 additions and 2 deletions
|
|
@ -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);
|
||||||
|
|
||||||
|
@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);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue