feat(projects): Grayscale mode is added

soybeanjs · Apr 23, 2024 · d9020cf · d9020cf
1 parent 302fef6
commit d9020cf
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 4 deletions.
diff --git a/src/layouts/modules/theme-drawer/modules/dark-mode.vue b/src/layouts/modules/theme-drawer/modules/dark-mode.vue
@@ -46,7 +46,7 @@ const showSiderInverted = computed(() => !themeStore.darkMode && themeStore.layo
         <NSwitch v-model:value="themeStore.sider.inverted" />
       </SettingItem>
     </Transition>
-    <SettingItem label="灰度模式">
+    <SettingItem :label="$t('theme.themeSchema.grayscale')">
       <NSwitch v-model:value="themeStore.grayscale" />
     </SettingItem>
   </div>

diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts
@@ -55,7 +55,8 @@ const local: App.I18n.Schema = {
       title: 'Theme Schema',
       light: 'Light',
       dark: 'Dark',
-      auto: 'Follow System'
+      auto: 'Follow System',
+      grayscale: 'Grayscale'
     },
     layoutMode: {
       title: 'Layout Mode',

diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts
@@ -55,7 +55,8 @@ const local: App.I18n.Schema = {
       title: '主题模式',
       light: '亮色模式',
       dark: '暗黑模式',
-      auto: '跟随系统'
+      auto: '跟随系统',
+      grayscale: '灰度模式'
     },
     layoutMode: {
       title: '布局模式',

diff --git a/src/typings/app.d.ts b/src/typings/app.d.ts
@@ -299,7 +299,7 @@ declare namespace App {
         tokenExpired: string;
       };
       theme: {
-        themeSchema: { title: string } & Record<UnionKey.ThemeScheme, string>;
+        themeSchema: { title: string } & Record<UnionKey.ThemeScheme | UnionKey.Grayscale, string>;
         layoutMode: { title: string } & Record<UnionKey.ThemeLayoutMode, string>;
         themeColor: {
           title: string;

diff --git a/src/typings/union-key.d.ts b/src/typings/union-key.d.ts
@@ -14,6 +14,9 @@ declare namespace UnionKey {
   /** Theme scheme */
   type ThemeScheme = 'light' | 'dark' | 'auto';
 
+  /** Grayscale mode */
+  type Grayscale = 'grayscale';
+
   /**
    * The layout mode
    *