Scoped mode

The left panel keeps host styles. The other panels opt in with .sensible-ui.

Outside the scope

Legacy account

These elements keep the host application’s defaults.

Inside .sensible-uiDirect-child code

Account settings

Semantic elements receive Sensible UI styles.

Inside .sensible-ui.dark

Dark settings

Dark tokens are local to this scope.