feat: 默认暗黑模式

Former-commit-id: 545076911d17a2b46e9f4df3eaca97225497e1c7

src/App.vue

@@ -5,11 +5,7 @@ const appStore = useAppStore();
 </script>
 
 <template>
-  <el-config-provider
-    :locale="appStore.locale"
-    :size="appStore.size"
-    theme="dark"
-  >
+  <el-config-provider :locale="appStore.locale" :size="appStore.size">
     <router-view />
   </el-config-provider>
 </template>

src/settings.ts

@@ -17,7 +17,7 @@ const defaultSettings: DefaultSettings = {
   sidebarLogo: true,
   errorLog: 'production',
   layout: 'left',
-  theme: 'light'
+  theme: 'dark'
 };
 
 export default defaultSettings;

src/store/modules/settings.ts

@@ -26,6 +26,7 @@ export const useSettingsStore = defineStore('setting', () => {
   const tagsView = useStorage<boolean>('tagsView', defaultSettings.tagsView);
   const fixedHeader = ref<boolean>(defaultSettings.fixedHeader);
   const sidebarLogo = ref<boolean>(defaultSettings.sidebarLogo);
+  const theme = useStorage('vueuse-color-scheme', defaultSettings.theme);
 
   const layout = useStorage<string>('layout', defaultSettings.layout);