Palette QML Type

The QQuickPalette class contains color groups for each QML item state. More...

• List of all members, including inherited members

Properties

• active : QQuickColorGroup
• disabled : QQuickColorGroup
• inactive : QQuickColorGroup

Detailed Description

A palette consists of three color groups: Active, Disabled, and Inactive. Active color group is the default group, its colors are used for other groups if colors of these groups aren't explicitly specified.

In the following example, color is applied for all color groups:

ApplicationWindow {
    palette.buttonText: "salmon"

    ColumnLayout {
        Button {
            text: qsTr("Disabled button")
            enabled: false
        }

        Button {
            text: qsTr("Enabled button")
        }
    }
}

It means that text color will be the same for both buttons.

In the following example, colors will be different for enabled and disabled states:

ApplicationWindow {
    palette.buttonText: "salmon"
    palette.disabled.buttonText: "lavender"

    ColumnLayout {
        Button {
            text: qsTr("Disabled button")
            enabled: false
        }

        Button {
            text: qsTr("Enabled button")
        }
    }
}

It is also possible to specify colors like this:

palette {
    buttonText: "azure"
    button: "khaki"

    disabled {
        buttonText: "lavender"
        button: "coral"
    }
}

This approach is convenient when you need to specify a whole palette with all color groups.

Property Documentation