clerk/javascript @clerk/themes@2.3.0

on GitHub

Minor Changes

• Expose Clerk CSS variables as an option for theming Clerk's components. This change introduces CSS custom properties that allow developers to customize Clerk's appearance using standard CSS variables, providing a more flexible theming approach. (#6275) by @alexcarpenter

  :root {
    --clerk-color-primary: #6d47ff;
    --clerk-color-primary-foreground: #ffffff;
  }

  Deprecated variables

  Deprecated	New
  colorText	colorForeground
  colorTextOnPrimaryBackground	colorPrimaryForeground
  colorTextSecondary	colorMutedForeground
  spacingUnit	spacing
  colorInputText	colorInputForeground
  colorInputBackground	colorInput

  Deprecated variables will continue to work but will be removed in the next major version.

  New variables

  • colorRing - The color of the ring when an interactive element is focused.
  • colorMuted - The background color for elements of lower importance, eg: a muted background.
  • colorShadow - The base shadow color used in the components.
  • colorBorder - The base border color used in the components.
  • colorModalBackdrop - The background color of the modal backdrop.

Patch Changes

• Updated dependencies [025e304, dedf487, b96114e]:
  • @clerk/types@4.66.0