ensure that the system theme is followed if it's changed during runtime

package.json

@@ -1,7 +1,7 @@
 {
   "name": "gerbil",
   "productName": "Gerbil",
-  "version": "1.6.5",
+  "version": "1.6.6",
   "description": "Run Large Language Models locally",
   "main": "out/main/index.js",
   "homepage": "./",

src/stores/preferences.ts

@@ -25,6 +25,16 @@ const resolveColorScheme = (raw: MantineColorScheme): ResolvedColorScheme => {
   return raw;
 };
 
+const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+mediaQuery.addEventListener('change', () => {
+  const { rawColorScheme } = usePreferencesStore.getState();
+  if (rawColorScheme === 'auto') {
+    usePreferencesStore.setState({
+      resolvedColorScheme: resolveColorScheme('auto'),
+    });
+  }
+});
+
 export const usePreferencesStore = create<PreferencesStore>((set) => ({
   frontendPreference: 'koboldcpp',
   rawColorScheme: 'auto',