ClerkColors

data class ClerkColors(val primary: Color? = null, val background: Color? = null, val input: Color? = null, val danger: Color? = null, val success: Color? = null, val warning: Color? = null, val foreground: Color? = null, val mutedForeground: Color? = null, val primaryForeground: Color? = null, val inputForeground: Color? = null, val neutral: Color? = null, val border: Color? = null, val ring: Color? = null, val muted: Color? = null, val shadow: Color? = null)

A collection of themed colors used throughout Clerkʼs design system.

Each property represents a semantic color token that can be consumed by the UI layer. Rather than referencing hard-coded ARGB values directly in UI code, prefer using these semantic tokens so that color definitions can be swapped out at runtime (e.g. for dark mode) or adjusted centrally without touching all call-sites.

Constructors

Link copied to clipboard
constructor(primary: Color? = null, background: Color? = null, input: Color? = null, danger: Color? = null, success: Color? = null, warning: Color? = null, foreground: Color? = null, mutedForeground: Color? = null, primaryForeground: Color? = null, inputForeground: Color? = null, neutral: Color? = null, border: Color? = null, ring: Color? = null, muted: Color? = null, shadow: Color? = null)

Properties

Link copied to clipboard

Default surface background.

Link copied to clipboard

Border color used for input fields and other elements.

Link copied to clipboard

Color used to convey destructive or error states.

Link copied to clipboard

Default foreground (text/icon) color.

Link copied to clipboard
val input: Color?

Background for input fields such as TextField.

Link copied to clipboard

Foreground color that pairs with input.

Link copied to clipboard
val muted: Color?

Muted background color for minimal emphasis surfaces.

Link copied to clipboard

A slightly subdued foreground color for secondary content.

Link copied to clipboard

Neutral gray used for borders or separators.

Link copied to clipboard

Main brand color used for primary actions and highlights.

Link copied to clipboard

Foreground color that pairs with primary.

Link copied to clipboard
val ring: Color?

Stroke color used for focus rings.

Link copied to clipboard

Shadow color used when drawing elevation overlays.

Link copied to clipboard

Color used to convey success states.

Link copied to clipboard

Color used to convey warning states.