fix: theme preference bug

Author: 0xJacky

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

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')
     }
 }
 

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,