Dark

The dark block applies when the component is inside a dark theme. Use it to override colors and other styles for dark mode.

Box {
    background: white
    color: slate-900

    dark {
        background: slate-900
        color: slate-50
    }
}

The scope follows the active dark-theme ancestor, so the component adapts automatically when dark mode is enabled.