Appearance
useTheme 主题管理
function useTheme(): { setTheme, getTheme }
创建主题管理实例。支持 light / dark 主题切换，并将选择持久化到 localStorage。
参数
该函数不需要传入参数。
返回值
| 返回值 | 说明 | 类型 |
|---|---|---|
| setTheme | 设置主题 | (theme: 'light' | 'dark') => void |
| getTheme | 获取当前主题 | () => 'light' | 'dark' |
示例
typescript
import { useTheme } from '@mingto/tools'
const { getTheme, setTheme } = useTheme()
setTheme('dark')
const current = getTheme() // 'dark'注意事项
- 主题选择会存入
localStorage的theme键中。 - 设置主题时同时会更新
<html>标签上的data-theme属性。