From 6731cb5805c1009e9ccbbf2a4f271c491e87ab08 Mon Sep 17 00:00:00 2001 From: rohow Date: Tue, 22 Apr 2025 18:42:35 +0800 Subject: [PATCH] =?UTF-8?q?feat(theme):=20=E4=BC=98=E5=8C=96=E6=9A=97?= =?UTF-8?q?=E9=BB=91=E6=A8=A1=E5=BC=8F=E9=80=89=E6=8B=A9=E5=99=A8=20?= =?UTF-8?q?=E6=9B=B4=E5=A5=BD=E7=9A=84=E5=8C=B9=E9=85=8D=E6=8F=92=E4=BB=B6?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= 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 714e04e..c15a627 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-color-scheme", storedTheme); + document.documentElement.setAttribute("data-mode", storedTheme); this.storedTheme = storedTheme; }, @@ -20,7 +20,7 @@ export const themeMode = ():ThemeModeState => ({ handleToggleThemeMode() { const targetTheme = this.storedTheme === "dark" ? "light" : "dark"; - document.documentElement.setAttribute("data-color-scheme", targetTheme); + document.documentElement.setAttribute("data-mode", targetTheme); this.storedTheme = targetTheme; diff --git a/theme-terminal/src/styles/theme.scss b/theme-terminal/src/styles/theme.scss index 1c5d19b..616c9c3 100644 --- a/theme-terminal/src/styles/theme.scss +++ b/theme-terminal/src/styles/theme.scss @@ -1,4 +1,4 @@ -html[data-color-scheme='light'] { +html[data-mode='light'] { --black: #3e3e3e; --red: #970b16; --green: #07962a; @@ -21,7 +21,7 @@ html[data-color-scheme='light'] { --selectionBackground: #a9c1e2; } -html[data-color-scheme='dark'] { +html[data-mode='dark'] { --black: #000000; --red: #f78166; --green: #56d364; @@ -44,7 +44,7 @@ html[data-color-scheme='dark'] { --selectionBackground: #3b5070; } -[data-color-scheme='light'] .d-block-light, -[data-color-scheme='dark'] .d-block-dark { +[data-mode='light'] .d-block-light, +[data-mode='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 29fe940..31f249d 100644 --- a/theme-terminal/tailwind.config.js +++ b/theme-terminal/tailwind.config.js @@ -14,7 +14,7 @@ module.exports = { }, })), ], - darkMode: ['class', '[data-color-scheme="dark"]'], + darkMode: ['class', '[data-mode="dark"]'], safelist: [ "prose-sm", "prose-base", diff --git a/theme-terminal/theme.yaml b/theme-terminal/theme.yaml index f4fc479..618d06e 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.4 + version: 1.1.5 require: ">=2.20.0"