Parameterize colors, sizes, margins

components/Clock.qml

@@ -14,22 +14,18 @@ ColumnLayout {
 
     QQC2.Label {
         text: Qt.formatTime(timeSource.data["Local"]["DateTime"])
-        color: PlasmaCore.ColorScope.textColor
-        // style: softwareRendering ? Text.Outline : Text.Normal
-        // styleColor: softwareRendering ? PlasmaCore.ColorScope.backgroundColor : "transparent" //no outline, doesn't matter
+        color: config.textColor
         style: Text.Outline
-        styleColor: "gray"
-        font.pointSize: 48
+        styleColor: config.textOutlineColor
+        font.pointSize: config.timeFontPointSize
         Layout.alignment: Qt.AlignHCenter
     }
     QQC2.Label {
         text: Qt.formatDate(timeSource.data["Local"]["DateTime"], Qt.DefaultLocaleLongDate)
-        color: PlasmaCore.ColorScope.textColor
-        // style: softwareRendering ? Text.Outline : Text.Normal
-        // styleColor: softwareRendering ? PlasmaCore.ColorScope.backgroundColor : "transparent" //no outline, doesn't matter
+        color: config.textColor
         style: Text.Outline
-        styleColor: "gray"
-        font.pointSize: 24
+        styleColor: config.textOutlineColor
+        font.pointSize: config.dateFontPointSize
         Layout.alignment: Qt.AlignHCenter
     }
     PlasmaCore.DataSource {

components/UserDelegate.qml

@@ -30,9 +30,9 @@ Item {
     property int fontSize: PlasmaCore.Theme.defaultFont.pointSize + 2
     signal clicked()
 
-    property real faceSize: PlasmaCore.Units.gridUnit * 10
+    property real faceSize: PlasmaCore.Units.gridUnit * config.faceSizeInGridUnits
 
-    opacity: isCurrent ? 1.0 : 0.75
+    opacity: isCurrent ? 1.0 : config.avatarOpacityWhenNotSelected
 
     Behavior on opacity {
         OpacityAnimator {
@@ -64,7 +64,7 @@ Item {
                 duration: PlasmaCore.Units.longDuration;
             }
         }
-        width: isCurrent ? faceSize : faceSize * 0.75
+        width: isCurrent ? faceSize : faceSize * config.faceSizeFactorWhenNotSelected
         height: width
 
         //Image takes priority, taking a full path to a file, if that doesn't exist we show an icon
@@ -152,19 +152,16 @@ Item {
         id: usernameDelegate
 
         // Make it bigger than other fonts to match the scale of the avatar better
-        font.pointSize: wrapper.fontSize + 10
+        font.pointSize: config.usernamePointSize
         anchors {
             bottom: parent.bottom
             horizontalCenter: parent.horizontalCenter
         }
         width: constrainText ? parent.width : implicitWidth
         text: wrapper.name
-        // style: softwareRendering ? Text.Outline : Text.Normal
-        // styleColor: softwareRendering ? PlasmaCore.ColorScope.backgroundColor : "transparent" //no outline, doesn't matter
         style: Text.Outline
-        styleColor: "gray"
-        // Text { font.pointSize: 18; text: "hello"; style: Text.Raised; styleColor: "gray" }
-        color: 'white'
+        styleColor: config.textOutlineColor
+        color: config.textColor
         elide: Text.ElideRight
         horizontalAlignment: Text.AlignHCenter
         //make an indication that this has active focus, this only happens when reached with keyboard navigation

components/UserList.qml

@@ -10,8 +10,8 @@ import org.kde.plasma.core 2.0 as PlasmaCore
 ListView {
     id: view
     readonly property string selectedUser: currentItem ? currentItem.userName : ""
-    readonly property int userItemWidth: PlasmaCore.Units.gridUnit * 11
-    readonly property int userItemHeight: PlasmaCore.Units.gridUnit * 11
+    readonly property int userItemWidth: PlasmaCore.Units.gridUnit * config.faceElemWidthInGridUnits
+    readonly property int userItemHeight: PlasmaCore.Units.gridUnit * config.faceElemHeightInGridUnits
     property int fontSize: PlasmaCore.Theme.defaultFont.pointSize + 2
 
     implicitHeight: userItemHeight