Skip to main content

Funk Station

The stock components, reskinned by one CSS file — system tokens set the palette, shape, and type; the library's stable class names take the rest. Flip the switch to compare with baseline MD3.

Buttons

Selection

Inputs

Genres

Set progress
x
Crowd energy
x

Tonight

Doors at nine. The Groove Collective opens, Neon Brass closes.

How it works: the theme is a single stylesheet, funky-theme.css, scoped under one class. It overrides system tokens (--md-sys-*) for color, shape, and type, then restyles individual parts through the library's stable class names (.md3-button-root, .md3-tabs-indicator, …) — the library's own CSS lives in @layer components, so plain consumer rules win without specificity hacks.