feat: 新增浅色模式下的侧边栏配色切换:深蓝色、白色

This commit is contained in:
lostelk
2025-02-19 12:45:29 +08:00
parent 5656760940
commit d6de05a4b7
13 changed files with 169 additions and 17 deletions

View File

@@ -1,3 +1,5 @@
import { SidebarLightThemeEnum } from "@/enums/ThemeEnum";
// 辅助函数:将十六进制颜色转换为 RGB
function hexToRgb(hex: string): [number, number, number] {
const bigint = parseInt(hex.slice(1), 16);
@@ -43,6 +45,11 @@ export function applyTheme(colors: Record<string, string>) {
});
}
/**
* 切换暗黑模式
*
* @param isDark 是否启用暗黑模式
*/
export function toggleDarkMode(isDark: boolean) {
if (isDark) {
document.documentElement.classList.add("dark");
@@ -50,3 +57,16 @@ export function toggleDarkMode(isDark: boolean) {
document.documentElement.classList.remove("dark");
}
}
/**
* 切换浅色主题下的侧边栏颜色方案
*
* @param isBlue 布尔值,表示是否开启深蓝色侧边栏颜色方案
*/
export function toggleLightModeSidebarColorScheme(isDarkBlueDark: boolean) {
if (isDarkBlueDark) {
document.documentElement.classList.add(SidebarLightThemeEnum.DARKBLUE);
} else {
document.documentElement.classList.remove(SidebarLightThemeEnum.DARKBLUE);
}
}