ClerkTheme

data class ClerkTheme(val colors: ClerkColors? = null, val lightColors: ClerkColors? = null, val darkColors: ClerkColors? = null, val typography: ClerkTypography? = null, val design: ClerkDesign? = null)

Aggregated theme definition used throughout the Clerk UI layer.

This holder groups together the three individual theme configurations that compose the overall look-and-feel of the application:

  1. ClerkColors – the color palette of the app (primary/secondary/background, etc.).

  2. ClerkTypography – the typography scale (font families, weights, sizes).

  3. ClerkDesign – corner radii, spacing, component shapes and other design tokens.

Having a single container greatly simplifies passing theme data through composables and other UI components.

Constructors

Link copied to clipboard
constructor(colors: ClerkColors? = null, lightColors: ClerkColors? = null, darkColors: ClerkColors? = null, typography: ClerkTypography? = null, design: ClerkDesign? = null)

Properties

Link copied to clipboard

colors used by the UI layer across light and dark modes.

Link copied to clipboard

optional overrides that only apply when the system is in dark mode.

Link copied to clipboard

design tokens such as spacing and shapes.

Link copied to clipboard

optional overrides that only apply when the system is in light mode.

Link copied to clipboard

fonts and typography definitions.