useTheme
@astryxdesign/core v0.7.1 · useTheme
返回值
| 名称 | 类型 | 说明 |
|---|---|---|
name | ComputedRef<string> | 最近一层主题的名字。没有 Theme 时是 neutral。 |
mode | ComputedRef<'light' | 'dark'> | 实际生效的颜色模式。system 已经解析成 light 或 dark。 |
token | (name: string) => string | 按当前模式把一个设计 token 解析成实际的 CSS 值。不在 Theme 里时,读的是文档根元素上的自定义属性。 |
tokens | ComputedRef<Record<string, string>> | 最近一层主题声明的 token,按当前模式解析后的结果。[浅色, 深色] 会收成一个值。主题或模式不变时结果是稳定的。 |
token 名两种写法都可以:--color-accent 或 --astryx-color-accent。