From 4d7d4cc4e31571b4016098747b29bce155e81832 Mon Sep 17 00:00:00 2001
From: rohow <admin@dev.cm>
Date: Fri, 10 Oct 2025 10:40:49 +0800
Subject: [PATCH] =?UTF-8?q?feat(theme):=20=E4=B8=BB=E9=A2=98=E9=A2=9C?=
 =?UTF-8?q?=E8=89=B2=E5=8C=B9=E9=85=8D=E6=96=B9=E6=B3=95=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 theme-terminal/src/alpine/themeMode.ts | 4 ++--
 theme-terminal/src/styles/theme.scss   | 8 ++++----
 theme-terminal/tailwind.config.js      | 2 +-
 theme-terminal/theme.yaml              | 2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/theme-terminal/src/alpine/themeMode.ts b/theme-terminal/src/alpine/themeMode.ts
index c15a627..714e04e 100644
--- a/theme-terminal/src/alpine/themeMode.ts
+++ b/theme-terminal/src/alpine/themeMode.ts
@@ -12,7 +12,7 @@ export const themeMode =  ():ThemeModeState => ({
 
     if (!storedTheme) return;
 
-    document.documentElement.setAttribute("data-mode", storedTheme);
+    document.documentElement.setAttribute("data-color-scheme", storedTheme);
     
     this.storedTheme = storedTheme;
   },
@@ -20,7 +20,7 @@ export const themeMode =  ():ThemeModeState => ({
   handleToggleThemeMode() {
     const targetTheme = this.storedTheme === "dark" ? "light" : "dark";
 
-    document.documentElement.setAttribute("data-mode", targetTheme);
+    document.documentElement.setAttribute("data-color-scheme", targetTheme);
     
     this.storedTheme = targetTheme;
 
diff --git a/theme-terminal/src/styles/theme.scss b/theme-terminal/src/styles/theme.scss
index 616c9c3..1c5d19b 100644
--- a/theme-terminal/src/styles/theme.scss
+++ b/theme-terminal/src/styles/theme.scss
@@ -1,4 +1,4 @@
-html[data-mode='light'] {
+html[data-color-scheme='light'] {
     --black: #3e3e3e;
     --red: #970b16;
     --green: #07962a;
@@ -21,7 +21,7 @@ html[data-mode='light'] {
     --selectionBackground: #a9c1e2;
 }
 
-html[data-mode='dark'] {
+html[data-color-scheme='dark'] {
     --black: #000000;
     --red: #f78166;
     --green: #56d364;
@@ -44,7 +44,7 @@ html[data-mode='dark'] {
     --selectionBackground: #3b5070;
 }
 
-[data-mode='light'] .d-block-light,
-[data-mode='dark'] .d-block-dark {
+[data-color-scheme='light'] .d-block-light,
+[data-color-scheme='dark'] .d-block-dark {
     display: block !important;
 }
\ No newline at end of file
diff --git a/theme-terminal/tailwind.config.js b/theme-terminal/tailwind.config.js
index 31f249d..29fe940 100644
--- a/theme-terminal/tailwind.config.js
+++ b/theme-terminal/tailwind.config.js
@@ -14,7 +14,7 @@ module.exports = {
       },
     })),
   ],
-  darkMode: ['class', '[data-mode="dark"]'],
+  darkMode: ['class', '[data-color-scheme="dark"]'],
   safelist: [
     "prose-sm",
     "prose-base",
diff --git a/theme-terminal/theme.yaml b/theme-terminal/theme.yaml
index 1b8f5cf..b3b8d15 100644
--- a/theme-terminal/theme.yaml
+++ b/theme-terminal/theme.yaml
@@ -13,5 +13,5 @@ spec:
   repo: https://git.dev.cm/theme-terminal
   settingName: "theme-terminal-setting"
   configMapName: "theme-terminal-configMap"
-  version: 1.1.6
+  version: 1.1.7
   require: ">=2.20.0"