contents/ui/ThemePage.qml

0001 /*
0002     SPDX-FileCopyrightText: 2013 Sebastian Kügler <sebas@kde.org>
0003     SPDX-FileCopyrightText: 2023 ivan tkachenko <me@ratijas.tk>
0004
0005     SPDX-License-Identifier: GPL-2.0-or-later
0006 */
0007
0008 import QtQuick
0009 import QtQuick.Layouts
0010 import org.kde.plasma.components as PlasmaComponents
0011 import org.kde.kirigami as Kirigami
0012
0013 PlasmaComponents.Page {
0014     id: root
0015
0016     padding: Kirigami.Units.largeSpacing
0017
0018     component GridLabel : PlasmaComponents.Label {
0019         Layout.fillWidth: true
0020         horizontalAlignment: Text.AlignRight
0021     }
0022
0023     component ColorItem : Rectangle {
0024         implicitWidth: Kirigami.Units.gridUnit * 2
0025         implicitHeight: Math.round(Kirigami.Units.gridUnit * 1.5)
0026         radius: 5
0027         border {
0028             color: root.Kirigami.Theme.textColor
0029             width: 1
0030         }
0031     }
0032
0033     contentItem: GridLayout {
0034         columns: 2
0035         columnSpacing: Kirigami.Units.largeSpacing
0036         rowSpacing: Kirigami.Units.largeSpacing
0037
0038         Kirigami.Heading {
0039             Layout.columnSpan: 2
0040             Layout.fillWidth: true
0041             elide: Text.ElideRight
0042             level: 1
0043             text: "Theme"
0044         }
0045
0046         PlasmaComponents.Label {
0047             Layout.columnSpan: 2
0048             text: "This is the smallest readable Font."
0049             font: Kirigami.Theme.smallFont
0050         }
0051
0052         GridLabel {
0053             text: "textColor:"
0054         }
0055         ColorItem {
0056             color: Kirigami.Theme.textColor
0057         }
0058
0059         GridLabel {
0060             text: "Button textColor:"
0061         }
0062         ColorItem {
0063             Kirigami.Theme.inherit: false
0064             Kirigami.Theme.colorSet: Kirigami.Theme.Button
0065             color: Kirigami.Theme.textColor
0066         }
0067
0068         GridLabel {
0069             text: "highlightColor:"
0070         }
0071         ColorItem {
0072             color: Kirigami.Theme.highlightColor
0073         }
0074
0075         GridLabel {
0076             text: "View backgroundColor:"
0077         }
0078         ColorItem {
0079             Kirigami.Theme.inherit: false
0080             Kirigami.Theme.colorSet: Kirigami.Theme.View
0081             color: Kirigami.Theme.backgroundColor
0082         }
0083
0084         Item {
0085             Layout.fillWidth: true
0086             Layout.fillHeight: true
0087         }
0088     }
0089 }