Appearance
Theme, density and typography. Changes apply instantly and are saved on this device.
Interface
This panel is the real AppearanceSettings component. Try a theme.
Theme
Theme
Surface and text palette.
Accent
Focus rings, selection, live indicators.
Typography
Heading font
Titles and section headings.
Body font
Interface and prose. Code stays monospace.
Text size
Base size for interface text.
14px
Layout
Density
Row height and padding.
Corner radius
Controls, panels and menus.
6px
Borders
Separation between regions.
Sidebar
Style
Quiet rows, soft active fill
Background
Tone behind the navigation.
Width
Docs navigation column.
232px
Motion
Reduce motion
Disable transitions and animated indicators.