Prototype Index
v6 · Chrome refinement

Sidebar — Active Link

This is how the selected sidebar item behaves. Click any item to move the selection — the active one takes a restrained gold accent: a faint tint, a gold icon and a white label.

Click a row

The active state

  • Faint tint
    A soft rgba(255,255,255,.05) fill — no solid gold pill, no drop shadow.
  • Gold icon
    The icon turns --yellow — the same for every item, so nothing ever lights up pink or red.
  • Aa
    White label
    The text goes to full white; other rows stay a calm off-white.

One treatment, everywhere. Identical in the expanded rail, the collapsed icon rail and the mobile drawer, on every page.