From 2276c1d4dac547bb09015fcd0df73825b32c5fad Mon Sep 17 00:00:00 2001
From: YiZhi <yizhi0911@gmail.com>
Date: Mon, 30 Oct 2023 11:02:33 +0800
Subject: [PATCH] fix(theme): theme switch is not hidden on force-dark (#3155)

---
 src/client/theme-default/components/VPNavBarExtra.vue         | 2 +-
 src/client/theme-default/components/VPNavScreenAppearance.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/client/theme-default/components/VPNavBarExtra.vue b/src/client/theme-default/components/VPNavBarExtra.vue
index 36f12a55..0513d62b 100644
--- a/src/client/theme-default/components/VPNavBarExtra.vue
+++ b/src/client/theme-default/components/VPNavBarExtra.vue
@@ -28,7 +28,7 @@ const hasExtraContent = computed(
       </template>
     </div>
 
-    <div v-if="site.appearance" class="group">
+    <div v-if="site.appearance && site.appearance !== 'force-dark'" class="group">
       <div class="item appearance">
         <p class="label">
           {{ theme.darkModeSwitchLabel || 'Appearance' }}
diff --git a/src/client/theme-default/components/VPNavScreenAppearance.vue b/src/client/theme-default/components/VPNavScreenAppearance.vue
index a4f5675c..c68a07ba 100644
--- a/src/client/theme-default/components/VPNavScreenAppearance.vue
+++ b/src/client/theme-default/components/VPNavScreenAppearance.vue
@@ -6,7 +6,7 @@ const { site, theme } = useData()
 </script>
 
 <template>
-  <div v-if="site.appearance" class="VPNavScreenAppearance">
+  <div v-if="site.appearance && site.appearance !== 'force-dark'" class="VPNavScreenAppearance">
     <p class="text">
       {{ theme.darkModeSwitchLabel || 'Appearance' }}
     </p>