overte/interface/resources/qml/Palettes.qml

import QtQuick 2.3
import QtQuick.Controls 1.2
import QtQuick.Window 2.2
import QtQuick.Dialogs 1.2
import QtQuick.Controls.Styles 1.3

Rectangle {
    color: "teal"
    height: 512
    width: 192
    SystemPalette { id: sp; colorGroup: SystemPalette.Active }
    SystemPalette { id: spi; colorGroup: SystemPalette.Inactive }
    SystemPalette { id: spd; colorGroup: SystemPalette.Disabled }

    Column {
        anchors.margins: 8
        anchors.fill: parent
        spacing: 8
        Row {
            width: parent.width
            height: 16
            Text { height: parent.height;  width: 128; text: "base" }
            Rectangle { height: parent.height; width: 16; color: sp.base }
            Rectangle { height: parent.height; width: 16; color: spi.base }
            Rectangle { height: parent.height; width: 16; color: spd.base }
        }
        Row {
            width: parent.width
            height: 16
            Text { height: parent.height;  width: 128; text: "alternateBase" }
            Rectangle { height: parent.height; width: 16; color: sp.alternateBase }
            Rectangle { height: parent.height; width: 16; color: spi.alternateBase }
            Rectangle { height: parent.height; width: 16; color: spd.alternateBase }
        }
        Item {
            height: 16
            width:parent.width
        }
        Row {
            width: parent.width
            height: 16
            Text { height: parent.height;  width: 128; text: "dark" }
            Rectangle { height: parent.height; width: 16; color: sp.dark }
            Rectangle { height: parent.height; width: 16; color: spi.dark }
            Rectangle { height: parent.height; width: 16; color: spd.dark }
        }
        Row {
            width: parent.width
            height: 16
            Text { height: parent.height;  width: 128; text: "mid" }
            Rectangle { height: parent.height; width: 16; color: sp.mid }
            Rectangle { height: parent.height; width: 16; color: spi.mid }
            Rectangle { height: parent.height; width: 16; color: spd.mid }
        }
        Row {
            width: parent.width
            height: 16
            Text { height: parent.height;  width: 128; text: "mid light" }
            Rectangle { height: parent.height; width: 16; color: sp.midlight }
            Rectangle { height: parent.height; width: 16; color: spi.midlight }
            Rectangle { height: parent.height; width: 16; color: spd.midlight }
        }
        Row {
            width: parent.width
            height: 16
            Text { height: parent.height;  width: 128; text: "light" }
            Rectangle { height: parent.height; width: 16; color: sp.light}
            Rectangle { height: parent.height; width: 16; color: spi.light}
            Rectangle { height: parent.height; width: 16; color: spd.light}
        }
        Row {
            width: parent.width
            height: 16
            Text { height: parent.height;  width: 128; text: "shadow" }
            Rectangle { height: parent.height; width: 16; color: sp.shadow}
            Rectangle { height: parent.height; width: 16; color: spi.shadow}
            Rectangle { height: parent.height; width: 16; color: spd.shadow}
        }
        Item {
            height: 16
            width:parent.width
        }

        Row {
            width: parent.width
            height: 16
            Text { height: parent.height;  width: 128; text: "text" }
            Rectangle { height: parent.height; width: 16; color: sp.text }
            Rectangle { height: parent.height; width: 16; color: spi.text }
            Rectangle { height: parent.height; width: 16; color: spd.text }
        }
        Item {
            height: 16
            width:parent.width
        }
        Row {
            width: parent.width
            height: 16
            Text { height: parent.height;  width: 128; text: "window" }
            Rectangle { height: parent.height; width: 16; color: sp.window }
            Rectangle { height: parent.height; width: 16; color: spi.window }
            Rectangle { height: parent.height; width: 16; color: spd.window }
        }
        Row {
            width: parent.width
            height: 16
            Text { height: parent.height;  width: 128; text: "window text" }
            Rectangle { height: parent.height; width: 16; color: sp.windowText }
            Rectangle { height: parent.height; width: 16; color: spi.windowText }
            Rectangle { height: parent.height; width: 16; color: spd.windowText }
        }
        Item {
            height: 16
            width:parent.width
        }
        Row {
            width: parent.width
            height: 16
            Text { height: parent.height;  width: 128; text: "button" }
            Rectangle { height: parent.height; width: 16; color: sp.button }
            Rectangle { height: parent.height; width: 16; color: spi.button }
            Rectangle { height: parent.height; width: 16; color: spd.button }
        }
        Row {
            width: parent.width
            height: 16
            Text { height: parent.height;  width: 128; text: "buttonText" }
            Rectangle { height: parent.height; width: 16; color: sp.buttonText }
            Rectangle { height: parent.height; width: 16; color: spi.buttonText }
            Rectangle { height: parent.height; width: 16; color: spd.buttonText }
        }
        Item {
            height: 16
            width:parent.width
        }
        Row {
            width: parent.width
            height: 16
            Text { height: parent.height;  width: 128; text: "highlight" }
            Rectangle { height: parent.height; width: 16; color: sp.highlight }
            Rectangle { height: parent.height; width: 16; color: spi.highlight }
            Rectangle { height: parent.height; width: 16; color: spd.highlight }
        }
        Row {
            width: parent.width
            height: 16
            Text { height: parent.height;  width: 128; text: "highlighted text" }
            Rectangle { height: parent.height; width: 16; color: sp.highlightedText}
            Rectangle { height: parent.height; width: 16; color: spi.highlightedText}
            Rectangle { height: parent.height; width: 16; color: spd.highlightedText}
        }
    }


/*
    CustomDialog {
        title: "Test Dlg"
        anchors.fill: parent
    
        Rectangle {
            property int d: 100
            id: square
            objectName: "testRect"
            width: d
            height: d
            anchors.centerIn: parent
            color: "red"
            NumberAnimation on rotation { from: 0; to: 360; duration: 2000; loops: Animation.Infinite; }
        }
    
    
        CustomTextEdit {
            anchors.left: parent.left
            anchors.leftMargin: 12
            anchors.right: parent.right
            anchors.rightMargin: 12
            clip: true
            text: "test edit"
            anchors.top: parent.top
            anchors.topMargin: parent.titleSize + 12
        }
    
        CustomButton {
            x: 128
            y: 192
            anchors.bottom: parent.bottom
            anchors.bottomMargin: 12
            anchors.right: parent.right
            anchors.rightMargin: 12
            onClicked: {
                console.log("Click");
                if (square.visible) {
                    square.visible = false
                } else {
                    square.visible = true
                }
            }
        }
    
        CustomButton {
            id: customButton2
            y: 192
            text: "Close"
            anchors.left: parent.left
            anchors.leftMargin: 12
            anchors.bottom: parent.bottom
            anchors.bottomMargin: 12
            onClicked: {
                onClicked: testDialog.x == 0 ? testDialog.x = 200 : testDialog.x = 0
            }
        }
        
        Keys.onPressed: {
            console.log("Key " + event.key);
            switch (event.key) {
            case Qt.Key_Q:
                if (Qt.ControlModifier == event.modifiers) {
                    event.accepted = true;
                    break;
                }
            }
        }
    }
*/

}


/*

// This is the behavior, and it applies a NumberAnimation to any attempt to set the x property

MouseArea {
    anchors.fill: parent
}
*/