OneScript
UI

Color

OneScript 视图使用的自定义颜色和自适应颜色。

ShapeStyle Modifier 支持十六进制颜色、浅色/深色颜色以及语义颜色。

import { Color, Modifier, Text } from "onescript/views"

<Text
  modifier={Modifier
    .foregroundStyle(Color.primary)
    .background(Color.systemGray6)}
>
  自适应颜色
</Text>

自定义颜色使用六位 RGB 或八位 ARGB 十六进制值:

Modifier.background("#F2F2F7")
Modifier.background({ light: "#FFFFFF", dark: "#1C1C1E" })

语义颜色包括 primary、secondary、accentColor、clear、标准命名颜色、systemGray 至 systemGray6,以及三级系统背景色。语义颜色会自动响应当前系统外观。

How is this guide?

最后更新于