From d9020cfba48f14138566321a226e7676362dba05 Mon Sep 17 00:00:00 2001
From: ~li <miciili-02@outlook.com>
Date: Tue, 23 Apr 2024 17:12:36 +0800
Subject: [PATCH] feat(projects): Grayscale mode is added

---
 src/layouts/modules/theme-drawer/modules/dark-mode.vue | 2 +-
 src/locales/langs/en-us.ts                             | 3 ++-
 src/locales/langs/zh-cn.ts                             | 3 ++-
 src/typings/app.d.ts                                   | 2 +-
 src/typings/union-key.d.ts                             | 3 +++
 5 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/layouts/modules/theme-drawer/modules/dark-mode.vue b/src/layouts/modules/theme-drawer/modules/dark-mode.vue
index 9b38ad72..0a9e37ff 100644
--- 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
index 447fe102..c25125f3 100644
--- 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
index 61400eb4..7b2b219b 100644
--- 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
index ad7ce4ae..e4a9df77 100644
--- 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
index ff5020bd..f95d8e65 100644
--- 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
    *