Light
Projected content
Hover each enabled control, hold a pointer press, and use Tab for keyboard focus. States below are real component attributes. The five operational theme rows and projector variation stay fixed so you can compare the same states side by side.
The contextual ◐ icon button opens a keyboard-accessible menu. Light is the default; each example uses its own storage key and restores its last selection on reload. Current menu choices use selected-action styling. Mode and contrast provide the initial choice; the default slot preserves child content while switching.
Public attributes and slots
modecontraststorage-keyvaluetheme-commandhiddenclass
Slots: The default slot contains the content whose theme is controlled.
Default slot content follows the selected theme.
Select another theme and reload: the selection is restored.
Hidden by presence.
Presentation
Dark
Projected content
Light contrast
Projected content
Dark contrast
Projected content
Native
Projected content
Presentation
White canvas and retained semantic fills.