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',