From 149d31818f5b99e69ce5134ffac1b9b2de36c9b3 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Tue, 28 Jan 2025 00:26:36 +0800
Subject: [PATCH] fix(theme): improve `force-dark` in development (#450)

---
 theme/src/client/composables/dark-mode.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/theme/src/client/composables/dark-mode.ts b/theme/src/client/composables/dark-mode.ts
index 10f5ea75..ffa85541 100644
--- a/theme/src/client/composables/dark-mode.ts
+++ b/theme/src/client/composables/dark-mode.ts
@@ -43,6 +43,10 @@ export function setupDarkMode(app: App): void {
 
   app.provide(darkModeSymbol, isDark)
 
+  if (__VUEPRESS_DEV__ && appearance === 'force-dark' && typeof document !== 'undefined') {
+    document.documentElement.dataset.theme = 'dark'
+  }
+
   Object.defineProperty(app.config.globalProperties, '$isDark', {
     get: () => isDark,
   })