MiniMo 02 · Scope Lab

Scoped Studio

Same variable names, different scopes. Watch how a single token shifts mood across the layout.

:root

Global Theme

Inherits --panel-bg and --panel-accent from the page root.

Global

:root

Another Default

Same tokens, same mood. One place to change them.

Global

Local Override

Alert Variant

Local --panel-bg and --panel-accent override everything above.

Local

Row Scope

Lab Mode

This row updates --panel-accent for all panels inside.

Row

Row Scope

Shared Accent

Same token name, new color. No component CSS changed.

Row

Row + Local

Row & Local

Row sets the accent, this card swaps the background too.

Row + Local