Bothsrc/components/theme-control.tsx

Theme Control

Light, system or dark. The portal's and the Console's account menus carry it as a labelled pill, saved under the product's own key; the design system's sidebar carries it inline, under its own.

In a menu's width

This one shares the catalog's key, so it moves with the sidebar's and switches this page.

Theme

Inline, in a sidebar's footer

layout="inline": the label at the left and the choices as icon buttons, each named on hover, for a width the menu form crowds.

Theme

Used on

Console: /console (every page)
Portal: /(student) (every page)