Theme switch
Switches the whole page between the Light and Graphite themes. The choice is shared with the docs (Starlight’s starlight-theme setting) and sets data-brand on the root element, which selects the theme file DTA built.
Light and Graphite
Light
Graphite
Guidelines
Section titled “Guidelines”- A segmented control: two buttons in a group, the active one pressed (
aria-pressed), on a surface. - One per page, in the header next to the navigation.
- Pressing a button in the examples switches this page too: there is only one theme per page.
Tokens used
Section titled “Tokens used”Read from the component’s source:
--action-subtle--bg-subtle--bg-surface--fg-default--fg-muted--font-sans--radius-md--radius-sm--space-1--space-3--stroke-focus--type-body-sm-size--type-label-line-height--type-label-weight