From 4ac392f429e50a3333fb6427004804d4585f8337 Mon Sep 17 00:00:00 2001
From: Egor <egor@philippov.ca>
Date: Sat, 4 Oct 2025 00:30:19 -0700
Subject: [PATCH] ensure that the system theme is followed if it's changed
 during runtime

---
 package.json              |  2 +-
 src/stores/preferences.ts | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a793b66..076a083 100644
--- a/package.json
+++ b/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": "./",
diff --git a/src/stores/preferences.ts b/src/stores/preferences.ts
index 5a023d3..d46c4e0 100644
--- a/src/stores/preferences.ts
+++ b/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',