From d98785ada7b8ce97e6f810549a987f0bb1a8da03 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Sat, 17 Feb 2024 00:23:49 +0800
Subject: [PATCH] feat(theme): add `AppearanceText` options

---
 theme/src/client/components/Nav/NavScreenAppearance.vue | 2 +-
 theme/src/node/defaultOptions.ts                        | 2 ++
 theme/src/shared/options/locale.ts                      | 5 +++++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/theme/src/client/components/Nav/NavScreenAppearance.vue b/theme/src/client/components/Nav/NavScreenAppearance.vue
index e8a6553c..c1b8ddbb 100644
--- a/theme/src/client/components/Nav/NavScreenAppearance.vue
+++ b/theme/src/client/components/Nav/NavScreenAppearance.vue
@@ -8,7 +8,7 @@ const theme = useThemeLocaleData()
 <template>
   <div v-if="theme.appearance" class="nav-screen-appearance">
     <p class="text">
-      Appearance
+      {{ theme.appearanceText ?? 'Appearance' }}
     </p>
     <SwitchAppearance />
   </div>
diff --git a/theme/src/node/defaultOptions.ts b/theme/src/node/defaultOptions.ts
index 8755325c..1afe8c70 100644
--- a/theme/src/node/defaultOptions.ts
+++ b/theme/src/node/defaultOptions.ts
@@ -11,6 +11,7 @@ const defaultLocales: NonNullable<PlumeThemeLocaleOptions['locales']> = {
     editLinkText: 'Edit this page',
     lastUpdatedText: 'Last Updated',
     contributorsText: 'Contributors',
+    appearanceText: 'Appearance',
   },
   'zh-CN': {
     selectLanguageName: '简体中文',
@@ -23,6 +24,7 @@ const defaultLocales: NonNullable<PlumeThemeLocaleOptions['locales']> = {
     editLinkText: '编辑此页',
     contributorsText: '贡献者',
     lastUpdatedText: '上次更新',
+    appearanceText: '外观',
     prevPageLabel: '上一页',
     nextPageLabel: '下一页',
 
diff --git a/theme/src/shared/options/locale.ts b/theme/src/shared/options/locale.ts
index ec7470b3..9db8c7ab 100644
--- a/theme/src/shared/options/locale.ts
+++ b/theme/src/shared/options/locale.ts
@@ -116,6 +116,11 @@ export interface PlumeThemeLocaleData extends LocaleData {
    */
   appearance?: boolean | 'dark'
 
+  /**
+   * 深色模式切换按钮的文本
+   */
+  appearanceText?: string
+
   /**
    * 部署站点域名。
    * 用于生成 sitemap、 seo等。