SCHISANDRA/schisandra-cloud-album-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛 fix dark mode issue

Browse Source
This commit is contained in:
landaiqing
2024-08-20 23:28:46 +08:00
parent 498807ca66
commit 7683fffb34
36 changed files with 1249 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/store/modules/themeStore.ts
View File

@@ -11,12 +11,9 @@ export const useThemeStore = defineStore(
() => {
const themeName = ref<string>('green'); // 主题名称
const darkMode = ref<string>('light'); // 颜色模式
const darkModeComp = computed(() => {
document.documentElement.setAttribute('data-dark', darkMode.value);
return darkMode.value;
});
const themeConfig = computed(() => {
document.documentElement.setAttribute('data-theme', themeName.value);
document.documentElement.setAttribute('data-dark', darkMode.value);
// 主题配置
return {
token: {
@@ -35,9 +32,9 @@ export const useThemeStore = defineStore(
themeName.value = value;
};
const toggleDarkMode = () => {
darkMode.value = darkMode.value === 'light' ? 'dark' : 'light';
darkMode.value = darkMode.value === "dark" ? "light" : "dark";
};
return {themeName, themeConfig, darkMode, darkModeComp, setThemeName, toggleDarkMode};
return {themeName, themeConfig, darkMode, setThemeName, toggleDarkMode};
},
{
persist: {