跳转到内容
搜索文档

RtkDesignTokens

最后更新 查看 MarkdownAgent 设置

用于自定义所有 UI Kit 组件外观和感觉的顶层设计标记(design token)容器。

属性

属性 类型 是否必填 默认值 描述
colors RtkColorTokens - 颜色主题标记
borderWidth RtkBorderWidthToken - 边框宽度标记
borderRadius RtkBorderRadiusToken - 边框圆角标记

使用示例

基本用法

val designTokens = RtkDesignTokens(
    colors = RtkColorTokens(
        brand = BrandColor(
            shade300 = Color.parseColor("#497CFD"),
            shade400 = Color.parseColor("#356EFD"),
            shade500 = Color.parseColor("#2160FD"),
            shade600 = Color.parseColor("#0D52FD"),
            shade700 = Color.parseColor("#0046E5")
        ),
        background = BackgroundColor(
            shade600 = Color.parseColor("#2C2C2C"),
            shade700 = Color.parseColor("#242424"),
            shade800 = Color.parseColor("#1C1C1C"),
            shade900 = Color.parseColor("#141414"),
            shade1000 = Color.parseColor("#0C0C0C")
        )
    ),
    borderRadius = RtkBorderRadiusToken.Rounded,
    borderWidth = RtkBorderWidthToken.Thin
)

这篇文档对您有帮助吗?