From 6a236c803a8aee0a9e23166559575212ef51e3e0 Mon Sep 17 00:00:00 2001
From: Damien Erambert <damien@erambert.me>
Date: Sun, 9 Nov 2025 00:25:58 -0800
Subject: [PATCH] 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
---
 src/renderer/app.tsx                                     | 2 +-
 .../features/shared/components/filter-bar.module.css     | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/renderer/app.tsx b/src/renderer/app.tsx
index 49311806..3c8806c1 100644
--- a/src/renderer/app.tsx
+++ b/src/renderer/app.tsx
@@ -189,7 +189,7 @@ export const App = () => {
     }, [language]);
 
     return (
-        <MantineProvider defaultColorScheme={mode as 'dark' | 'light'} theme={theme}>
+        <MantineProvider forceColorScheme={mode} theme={theme}>
             <Notifications
                 containerWidth="300px"
                 position="bottom-center"
diff --git a/src/renderer/features/shared/components/filter-bar.module.css b/src/renderer/features/shared/components/filter-bar.module.css
index a4e184b8..97c1d40a 100644
--- a/src/renderer/features/shared/components/filter-bar.module.css
+++ b/src/renderer/features/shared/components/filter-bar.module.css
@@ -1,5 +1,12 @@
 .filter-bar {
     z-index: 1;
     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);
+    }
 }