admin/cc-switch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(release): polish 3.2.0 changes\n\n- Docs: add 3.2.0 release notes to CHANGELOG\n- UI: silence debug logs in production via import.meta.env.DEV\n- CSS: replace pseudo-element Tailwind @apply with explicit selectors to fix minifier warnings

Browse Source
This commit is contained in:
Jason
2025-09-13 15:48:14 +08:00
parent 160da2729e
commit f035796654
3 changed files with 55 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/hooks/useDarkMode.ts
View File

@@ -44,18 +44,15 @@ export function useDarkMode() {
try {
if (isDarkMode) {
document.documentElement.classList.add("dark");
if (isDev)
console.log("[DarkMode] Added dark class to document");
if (isDev) console.log("[DarkMode] Added dark class to document");
} else {
document.documentElement.classList.remove("dark");
if (isDev)
console.log("[DarkMode] Removed dark class from document");
if (isDev) console.log("[DarkMode] Removed dark class from document");
}
// 检查类名是否已成功应用
const hasClass = document.documentElement.classList.contains("dark");
if (isDev)
console.log("[DarkMode] Document has dark class:", hasClass);
if (isDev) console.log("[DarkMode] Document has dark class:", hasClass);
} catch (error) {
console.error("[DarkMode] Error applying dark class:", error);
}
@@ -70,8 +67,7 @@ export function useDarkMode() {
try {
localStorage.setItem("darkMode", isDarkMode.toString());
if (isDev)
console.log("[DarkMode] Saved to localStorage:", isDarkMode);
if (isDev) console.log("[DarkMode] Saved to localStorage:", isDarkMode);
} catch (error) {
console.error("[DarkMode] Error saving preference:", error);
}
@@ -80,8 +76,7 @@ export function useDarkMode() {
const toggleDarkMode = () => {
setIsDarkMode((prev) => {
const newValue = !prev;
if (isDev)
console.log("[DarkMode] Toggling from", prev, "to", newValue);
if (isDev) console.log("[DarkMode] Toggling from", prev, "to", newValue);
return newValue;
});
};

30
src/index.css
View File

@@ -26,13 +26,29 @@ html.dark {
}
/* 滚动条样式（避免在伪元素中使用自定义 dark 变体，消除构建警告） */
::-webkit-scrollbar { width: 0.375rem; height: 0.375rem; }
::-webkit-scrollbar-track { background-color: #f4f4f5; }
html.dark ::-webkit-scrollbar-track { background-color: #27272a; }
::-webkit-scrollbar-thumb { background-color: #d4d4d8; border-radius: 0.25rem; }
html.dark ::-webkit-scrollbar-thumb { background-color: #52525b; }
::-webkit-scrollbar-thumb:hover { background-color: #a1a1aa; }
html.dark ::-webkit-scrollbar-thumb:hover { background-color: #71717a; }
::-webkit-scrollbar {
width: 0.375rem;
height: 0.375rem;
}
::-webkit-scrollbar-track {
background-color: #f4f4f5;
}
html.dark ::-webkit-scrollbar-track {
background-color: #27272a;
}
::-webkit-scrollbar-thumb {
background-color: #d4d4d8;
border-radius: 0.25rem;
}
html.dark ::-webkit-scrollbar-thumb {
background-color: #52525b;
}
::-webkit-scrollbar-thumb:hover {
background-color: #a1a1aa;
}
html.dark ::-webkit-scrollbar-thumb:hover {
background-color: #71717a;
}
/* 焦点样式 */
*:focus-visible {