Skip to content

useTheme

@astryxdesign/core v0.7.1 · useTheme

返回值 ​

名称类型说明
nameComputedRef<string>最近一层主题的名字。没有 Theme 时是 neutral。
modeComputedRef<'light' | 'dark'>实际生效的颜色模式。system 已经解析成 light 或 dark。
token(name: string) => string按当前模式把一个设计 token 解析成实际的 CSS 值。不在 Theme 里时,读的是文档根元素上的自定义属性。
tokensComputedRef<Record<string, string>>最近一层主题声明的 token,按当前模式解析后的结果。[浅色, 深色] 会收成一个值。主题或模式不变时结果是稳定的。

token 名两种写法都可以:--color-accent 或 --astryx-color-accent。