Canvas Design System
Main Site Tokens

Side Navigation — Playground

Every M3 metric on ws_sidenav() is a CSS custom property. Drag the controls to retune both variants live, then copy the block at the bottom — that is the real override, not a mockup.

Your overrides

Only the properties you changed appear. Drop this anywhere the rail is used — or hand it back and I will bake it into the component defaults.

/* Nothing changed yet — the component is at its M3 defaults. */

Tweak

Size
Indicator
Type & icon
State layers
Colour