feat: adapt savor theme

components/default/setting/Basic.vue → components/setting/Basic.vue

@@ -53,6 +53,10 @@ const formData = reactive({
         value: "Zhihu",
         label: "Zhihu",
       },
+      {
+        value: "Savor",
+        label: "写未",
+      },
     ],
     dark: [
       {
@@ -63,10 +67,20 @@ const formData = reactive({
         value: "Zhihu",
         label: "Zhihu",
       },
+      {
+        value: "Savor",
+        label: "写未",
+      },
     ],
   },
   lightTheme: setting?.theme?.lightTheme ?? "Zhihu",
   darkTheme: setting?.theme?.darkTheme ?? "Zhihu",
+  versionMap: {
+    midlight: "3.0.10",
+    daylight: "3.0.10",
+    Zhihu: "0.1.1",
+    Savor: "3.9.2",
+  } as any,
 })
 
 // methods
@@ -77,6 +91,7 @@ const onSubmit = async () => {
     setting.theme ||= {}
     setting.theme.lightTheme = formData.lightTheme
     setting.theme.darkTheme = formData.darkTheme
+    setting.theme.themeVersion = formData.versionMap[toRaw(setting.theme.lightTheme)] ?? "0.1.1"
     await updateSetting(setting)
     ElMessage.success(t("main.opt.success"))
   } catch (e) {

composables/useStaticThemeMode.ts

@@ -26,6 +26,7 @@
 import { BrowserUtil } from "zhi-device"
 import { createAppLogger } from "~/common/appLogger"
 import { CONSTANTS } from "~/utils/constants"
+import { useRoute } from "vue-router"
 
 // 创建日志记录器
 const logger = createAppLogger("use-theme-mode")
@@ -37,7 +38,7 @@ export const useStaticThemeMode = async () => {
   // 获取颜色模式和运行时配置
   const color = useColorMode()
   // const env = useRuntimeConfig()
-
+  const { query } = useRoute()
   const appBase = process.env.APP_BASE
 
   // computes
@@ -64,9 +65,9 @@ export const useStaticThemeMode = async () => {
 
   const siyuanV = CONSTANTS.SIYUAN_VERSION
   const hljsV = CONSTANTS.HLJS_VERSION
-  const siyuanLightTheme = "Zhihu" as string
-  const siyuanDarkTheme = "Zhihu" as string
-  const siyuanThemeV = "0.1.1"
+  const siyuanLightTheme = (query.lightTheme ?? "Zhihu") as string
+  const siyuanDarkTheme = (query.darkTheme ?? "Zhihu") as string
+  const siyuanThemeV = (query.themeVersion ?? "0.1.1") as string
   const detectedMode = color.preference
   const isDarkMode = detectedMode === "dark"
   useHead({

locales/en_US.ts

@@ -72,6 +72,7 @@ export default {
   "siyuan.theme": "Theme",
   "siyuan.theme.light": "Light theme",
   "siyuan.theme.dark": "Dark theme",
+  "siyuan.theme.version": "Theme version",
   "siyuan.theme.select": "Select theme",
   "share.to.web": "Share to web",
   "share.to.web.before.tip": "Publish and share link to everyone",

locales/zh_CN.ts

@@ -32,6 +32,7 @@ export default {
   "theme.mode.choose": "切换模式",
   "theme.mode.dark": "暗黑模式",
   "theme.mode.light": "浅色模式",
+  "siyuan.theme.version": "主题版本",
   "setting.conf.export": "导出配置",
   "setting.conf.import": "导入配置",
   "setting.conf.clear": "清空配置",

pages/setting.vue

@@ -38,13 +38,13 @@ definePageMeta({
     <div class="setting-body">
       <el-tabs tab-position="left">
         <el-tab-pane :label="t('setting.basic')">
-          <default-setting-basic />
+          <setting-basic />
         </el-tab-pane>
         <el-tab-pane :label="t('setting.preference')">
-          <default-setting-preference />
+          <setting-preference />
         </el-tab-pane>
         <el-tab-pane :label="t('setting.system')">
-          <default-setting-change-local />
+          <setting-change-local />
         </el-tab-pane>
       </el-tabs>