Skip to main content

ThemeToggle

Function ThemeToggle 

Source
pub fn ThemeToggle() -> Element
Expand description

主题切换按钮组件(三态循环:Dark → Light → System → Dark)。

三个图标使用固定 SSR 结构,由 data-theme-mode 决定哪个可见。 首屏无需等待 WASM;切换模式时通过 CSS 显示对应图标并播放进入动画。

仅当实际生效明暗(ResolvedTheme)因切换而翻转时,才额外触发圆形展开 VT 动画(颜色过渡);明暗不变时(如 Light → System 且系统浅色)只换图标。