From a1f7104959fcefe9940f849456cda934858c5733 Mon Sep 17 00:00:00 2001
From: zhangnuoyan <9354631+zhangnuoyan@user.noreply.gitee.com>
Date: 星期六, 24 八月 2024 14:53:17 +0800
Subject: [PATCH] feat: 增加定制配色模式
---
src/hooks/useTheme.ts | 7 ++++---
1 files changed, 4 insertions(+), 3 deletions(-)
diff --git a/src/hooks/useTheme.ts b/src/hooks/useTheme.ts
index 9ecfb84..01f981c 100644
--- a/src/hooks/useTheme.ts
+++ b/src/hooks/useTheme.ts
@@ -3,13 +3,14 @@
const themeModeOptions = [
{ label: "浜壊妯″紡", value: "light" },
{ label: "鏆楄壊妯″紡", value: "dark" },
+ { label: "瀹氬埗妯″紡", value: "custom" },
{ label: "璺熼殢绯荤粺", value: "auto" }
];
const defaultTheme: any = localStorage.getItem("arco-theme") || "auto";
const currentTheme = ref<"light" | "dark">(defaultTheme);
-const currentThemeMode = ref<"light" | "dark" | "auto">(defaultTheme);
+const currentThemeMode = ref<"light" | "dark" | "auto" | "custom">(defaultTheme);
export const useTheme = () => {
//璁剧疆鑷姩涓婚妯″紡
@@ -23,7 +24,7 @@
};
//璁剧疆鎵嬪姩涓婚妯″紡
- const setManualTheme = (v: "light" | "dark") => {
+ const setManualTheme = (v: "light" | "dark" | "custom") => {
localStorage.setItem("arco-theme", v);
currentThemeMode.value = v;
currentTheme.value = v;
@@ -35,7 +36,7 @@
darkModeQuery.addListener(setAutoTheme);
//鐢ㄤ簬澶勭悊鎵嬪姩鍒囨崲涓婚
- const handleThemeChange = (v: "light" | "dark" | "auto") => {
+ const handleThemeChange = (v: "light" | "dark" | "auto" | "custom") => {
if (v === "auto") {
currentThemeMode.value = "auto";
setAutoTheme();
--
Gitblit v1.8.0