RtkDesignTokens

The top-level design token container for customizing the look and feel of all UI Kit components.

Properties

Property	Type	Required	Default	Description
colors	RtkColorTokens	❌	-	Color theme tokens
borderWidth	RtkBorderWidthToken	❌	-	Border width token
borderRadius	RtkBorderRadiusToken	❌	-	Border radius token

Usage Examples

Basic Usage

Kotlin

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
)

Explain Code