feat: add dark mode switch in sidebar

This commit is contained in:
steven
2023-04-13 11:22:40 +08:00
parent c63df17480
commit 7f2568fd08
5 changed files with 54 additions and 2 deletions

17
src/hooks/useDarkmode.ts Normal file
View File

@ -0,0 +1,17 @@
import { useSettingStore } from "@/store";
import { useEffect, useState } from "react";
const useDarkMode = () => {
const settingStore = useSettingStore();
const [isDarkMode, setIsDarkMode] = useState(false);
useEffect(() => {
setTimeout(() => {
setIsDarkMode(document.documentElement.classList.contains("dark"));
});
}, [settingStore.setting.theme]);
return isDarkMode;
};
export default useDarkMode;