diff --git a/ui/layouts/default.vue b/ui/layouts/default.vue
index 2b0c5282..6d7675a1 100644
--- a/ui/layouts/default.vue
+++ b/ui/layouts/default.vue
@@ -205,6 +205,10 @@ onMounted(async () => {
 
 watch(selectedTheme, value => {
   try {
+    if ('auto' === value) {
+      applyPreferredColorScheme(window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')
+      return
+    }
     applyPreferredColorScheme(value)
   } catch (e) { }
 })