Changeset 26b206a in subsurface


Ignore:
Timestamp:
Jun 23, 2017, 7:49:57 PM (4 weeks ago)
Author:
Dirk Hohndel <dirk@…>
Branches:
master
Children:
206df22
Parents:
8ba581a0
git-author:
Dirk Hohndel <dirk@…> (06/23/17 18:08:47)
git-committer:
Dirk Hohndel <dirk@…> (06/23/17 19:49:57)
Message:

QML UI: show a small color palette preview

When picking which color theme to use, show the user how things will look.

Signed-off-by: Dirk Hohndel <dirk@…>

File:
1 edited

Legend:

Unmodified
Added
Removed
  • mobile-widgets/qml/Preferences.qml

    r694e833 r26b206a  
    2525
    2626        GridLayout {
    27 
    28                 signal accept
    29 
     27                id: themePrefs
    3028                columns: 2
    3129                width: parent.width - Kirigami.Units.gridUnit
    3230                anchors {
    33                         fill: parent
     31                        top: parent.top
     32                        left: parent.left
     33                        right: parent.right
    3434                        margins: Kirigami.Units.gridUnit / 2
    3535                }
     
    3737                Kirigami.Heading {
    3838                        text: qsTr("Preferences")
     39                        color: subsurfaceTheme.textColor
    3940                        Layout.bottomMargin: Kirigami.Units.largeSpacing / 2
    4041                        Layout.columnSpan: 2
     
    4344                Kirigami.Heading {
    4445                        text: qsTr("Theme")
     46                        color: subsurfaceTheme.textColor
    4547                        level: 3
    4648                        Layout.topMargin: Kirigami.Units.largeSpacing
     
    5052
    5153                RadioButton {
    52                         text: qsTr("Blue")
    5354                        checked: subsurfaceTheme.currentTheme === "Blue"
    54                         Layout.columnSpan: 2
    5555                        onClicked: {
    5656                                blueTheme()
    5757                        }
    5858                }
     59                Row {
     60                        Label {
     61                                text: qsTr("Blue")
     62                                color: subsurfaceTheme.textColor
     63                                anchors.verticalCenter: blueRect.verticalCenter
     64                                rightPadding: Kirigami.Units.gridUnit
     65                        }
     66                        Rectangle {
     67                                id: blueRect
     68                                color: subsurfaceTheme.blueBackgroundColor
     69                                border.color: "black"
     70                                width: sampleRegularBlue.width + 2 * Kirigami.Units.gridUnit
     71                                height: Kirigami.Units.gridUnit * 2
     72                                Text {
     73                                        id: sampleRegularBlue
     74                                        text: qsTr("regular text")
     75                                        color: subsurfaceTheme.blueTextColor
     76                                        anchors {
     77                                                horizontalCenter: parent.horizontalCenter
     78                                                verticalCenter: parent.verticalCenter
     79                                        }
     80                                }
     81                        }
     82                        Rectangle {
     83                                color: subsurfaceTheme.bluePrimaryColor
     84                                border.color: "black"
     85                                width: sampleHighlightBlue.width + 2 * Kirigami.Units.gridUnit
     86                                height: Kirigami.Units.gridUnit * 2
     87                                Text {
     88                                        id: sampleHighlightBlue
     89                                        text: qsTr("Highlight")
     90                                        color: subsurfaceTheme.bluePrimaryTextColor
     91                                        anchors {
     92                                                horizontalCenter: parent.horizontalCenter
     93                                                verticalCenter: parent.verticalCenter
     94                                        }
     95                                }
     96                        }
     97                }
     98
    5999                RadioButton {
    60                         text: qsTr("Pink")
    61100                        checked: subsurfaceTheme.currentTheme === "Pink"
    62                         Layout.columnSpan: 2
    63101                        onClicked: {
    64102                                pinkTheme()
    65103                        }
    66104                }
     105                Row {
     106                        Label {
     107                                text: qsTr("Pink")
     108                                color: subsurfaceTheme.textColor
     109                                anchors.verticalCenter: pinkRect.verticalCenter
     110                                rightPadding: Kirigami.Units.gridUnit
     111                        }
     112                        Rectangle {
     113                                id: pinkRect
     114                                color: subsurfaceTheme.pinkBackgroundColor
     115                                border.color: "black"
     116                                width: sampleRegularPink.width + 2 * Kirigami.Units.gridUnit
     117                                height: Kirigami.Units.gridUnit * 2
     118                                Text {
     119                                        id: sampleRegularPink
     120                                        text: qsTr("regular text")
     121                                        color: subsurfaceTheme.pinkTextColor
     122                                        anchors {
     123                                                horizontalCenter: parent.horizontalCenter
     124                                                verticalCenter: parent.verticalCenter
     125                                        }
     126                                }
     127                        }
     128                        Rectangle {
     129                                color: subsurfaceTheme.pinkPrimaryColor
     130                                border.color: "black"
     131                                width: sampleHighlightPink.width + 2 * Kirigami.Units.gridUnit
     132                                height: Kirigami.Units.gridUnit * 2
     133                                Text {
     134                                        id: sampleHighlightPink
     135                                        text: qsTr("Highlight")
     136                                        color: subsurfaceTheme.pinkPrimaryTextColor
     137                                        anchors {
     138                                                horizontalCenter: parent.horizontalCenter
     139                                                verticalCenter: parent.verticalCenter
     140                                        }
     141                                }
     142                        }
     143                }
     144
    67145                RadioButton {
    68                         text: qsTr("Dark")
    69146                        checked: subsurfaceTheme.currentTheme === "Dark"
    70                         Layout.columnSpan: 2
    71147                        onClicked: {
    72148                                darkTheme()
    73149                        }
    74150                }
     151                Row {
     152                        Label {
     153                                text: qsTr("Dark")
     154                                color: subsurfaceTheme.textColor
     155                                anchors.verticalCenter: blackRect.verticalCenter
     156                                rightPadding: Kirigami.Units.gridUnit
     157                        }
     158                        Rectangle {
     159                                id: blackRect
     160                                color: subsurfaceTheme.darkBackgroundColor
     161                                border.color: "black"
     162                                width: sampleRegularDark.width + 2 * Kirigami.Units.gridUnit
     163                                height: Kirigami.Units.gridUnit * 2
     164                                Text {
     165                                        id: sampleRegularDark
     166                                        text: qsTr("regular text")
     167                                        color: subsurfaceTheme.darkTextColor
     168                                        anchors {
     169                                                horizontalCenter: parent.horizontalCenter
     170                                                verticalCenter: parent.verticalCenter
     171                                        }
     172                                }
     173                        }
     174                        Rectangle {
     175                                color: subsurfaceTheme.darkPrimaryColor
     176                                border.color: "black"
     177                                width: sampleHighlightDark.width + 2 * Kirigami.Units.gridUnit
     178                                height: Kirigami.Units.gridUnit * 2
     179                                Text {
     180                                        id: sampleHighlightDark
     181                                        text: qsTr("Highlight")
     182                                        color: subsurfaceTheme.darkPrimaryTextColor
     183                                        anchors {
     184                                                horizontalCenter: parent.horizontalCenter
     185                                                verticalCenter: parent.verticalCenter
     186                                        }
     187                                }
     188                        }
     189                }
     190        }
     191        GridLayout {
     192                columns: 2
     193                width: parent.width - Kirigami.Units.gridUnit
     194                anchors {
     195                        top: themePrefs.bottom
     196                        margins: Kirigami.Units.gridUnit / 2
     197                }
    75198
    76199                Kirigami.Heading {
    77200                        text: qsTr("Subsurface GPS data webservice")
     201                        color: subsurfaceTheme.textColor
    78202                        level: 3
    79203                        Layout.topMargin: Kirigami.Units.largeSpacing
Note: See TracChangeset for help on using the changeset viewer.