Buriburizaemon/nezha-dash-v1
1
0
Fork 0
mirror of https://github.com/Buriburizaem0n/nezha-dash-v1.git synced 2026-09-20 18:20:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: merge upstream/main into nezha-dash-v1 preserving custom domain and styling features

Browse Source
This commit is contained in:
Bot
2026-08-31 02:59:30 +08:00
parent 49d2ef3879 ba37e11931
commit 643770318c
105 changed files with 9974 additions and 3076 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ThemeProvider.tsx
+29 -12
View File
@@ -53,31 +53,48 @@ export function ThemeProvider({
useEffect(() => {
const root = window.document.documentElement;
root.classList.add("disable-transitions");
root.classList.remove("light", "dark");
const updateThemeColor = (nextTheme: "light" | "dark") => {
let effectiveTheme = theme;
const themeColor =
nextTheme === "dark" ? "hsl(30 15% 8%)" : "hsl(0 0% 98%)";
document
.querySelector('meta[name="theme-color"]')
?.setAttribute("content", themeColor);
};
const applyTheme = (nextTheme: "light" | "dark") => {
root.classList.remove("light", "dark");
root.classList.add(nextTheme);
root.style.colorScheme = nextTheme;
root.style.backgroundColor =
nextTheme === "dark" ? "hsl(30 15% 8%)" : "hsl(0 0% 98%)";
updateThemeColor(nextTheme);
};
root.classList.add("disable-transitions");
let effectiveTheme: "light" | "dark" = "light";
if (theme === "system") {
effectiveTheme = isSystemDark ? "dark" : "light";
} else if (theme === "scheduled") {
// Time-based theme: 18:00 - 06:00 is dark
const isNight = hour >= 18 || hour < 6;
effectiveTheme = isNight ? "dark" : "light";
} else {
effectiveTheme = theme;
}
root.classList.add(effectiveTheme);
const themeColor =
effectiveTheme === "dark" ? "hsl(30 15% 8%)" : "hsl(0 0% 98%)";
document
.querySelector('meta[name="theme-color"]')
?.setAttribute("content", themeColor);
applyTheme(effectiveTheme);
const timeoutId = window.setTimeout(() => {
root.classList.remove("disable-transitions");
}, 0);
return () => window.clearTimeout(timeoutId);
return () => {
window.clearTimeout(timeoutId);
};
}, [theme, hour, isSystemDark]);
const value = {
theme,
setTheme: (theme: Theme) => {