Scoped Properties

Scoped properties apply styles only when an element is in a particular state, or when it appears inside a dark theme. Put a scope block inside a component, then write the properties that should apply in that scope.

Button {
    text: "Save changes"
    background: blue-600

    hover {
        background: blue-700
    }
}

QTML supports hover, focus, active, disabled, and dark scope blocks. Each scope can contain the same styling properties used on the component itself.