Theme generator

Tweak the controls below to customize the design tokens. Pick which mode you're editing - Light, Dark, or Both at once. When the edited mode matches the site's current mode, the rest of the docs updates live too. Your changes persist between visits and can also be copied as a stand-alonetheme.css.

@layer theme {
  /* Tweak the controls to generate your theme.css */
}