diff --git a/frontend/components.d.ts b/frontend/components.d.ts
index 87cc8d6d..5b6f5c06 100644
--- a/frontend/components.d.ts
+++ b/frontend/components.d.ts
@@ -21,6 +21,7 @@ declare module '@vue/runtime-core' {
     AFormItem: typeof import('ant-design-vue/es')['FormItem']
     AInput: typeof import('ant-design-vue/es')['Input']
     AInputGroup: typeof import('ant-design-vue/es')['InputGroup']
+    AInputNumber: typeof import('ant-design-vue/es')['InputNumber']
     AInputPassword: typeof import('ant-design-vue/es')['InputPassword']
     ALayout: typeof import('ant-design-vue/es')['Layout']
     ALayoutContent: typeof import('ant-design-vue/es')['LayoutContent']
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index dcdbb1b3..c7b00ad7 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -16,6 +16,8 @@ const callback = (media: { matches: any; }) => {
             dark_mode(false)
             settings.set_theme('auto')
         }
+    } else {
+        dark_mode(settings.preference_theme === 'dark')
     }
 }
 
diff --git a/frontend/src/views/preference/Preference.vue b/frontend/src/views/preference/Preference.vue
index 8cd7e4f4..be82cd3b 100644
--- a/frontend/src/views/preference/Preference.vue
+++ b/frontend/src/views/preference/Preference.vue
@@ -10,7 +10,7 @@ import {message} from 'ant-design-vue'
 const {$gettext} = useGettext()
 
 const settingsStore = useSettingsStore()
-const theme = ref('auto')
+const theme = ref(settingsStore.theme)
 const data = ref({
     server: {
         http_port: 9000,