- CSS 变量层: :root 默认 blue, [data-theme] 覆盖 warm/dark/emerald - Ant Design: ConfigProvider 按 ThemeName 切换 token + algorithm - ThemeSwitcher: 下拉面板含 4 主题色块预览 + localStorage 持久化 - useThemeMode: 从 store 读取主题名替代色值比对(修复 33 页面暗色失效) - index.html: 添加 Noto Serif SC 字体(warm 主题衬线标题)
12 lines
336 B
TypeScript
12 lines
336 B
TypeScript
import { useAppStore } from '../stores/app';
|
||
|
||
/**
|
||
* 判断当前是否处于暗色主题模式。
|
||
*
|
||
* 通过 store 的主题名称判断,替代旧的 token 色值检测,
|
||
* 支持多主题系统(blue / warm / dark / emerald)。
|
||
*/
|
||
export function useThemeMode(): boolean {
|
||
return useAppStore((s) => s.theme) === 'dark';
|
||
}
|