Colors!

theme/Main.qml

@@ -73,17 +73,21 @@
 			// Lay out everything within as a column
 			Column {
 				id: mainColumn
+				width: 400
 				anchors.centerIn: parent
-				spacing: 24
+				spacing: 8
 
 				// This colum has our date and time
 				Column {
+					anchors.horizontalCenter: parent.horizontalCenter
 					width: parent.width
 					spacing: 4
 					Clock {
+						anchors.horizontalCenter: parent.horizontalCenter
 						id: clockTime
 						color: "#ebdbb2"
 						timeFont.family: "IBM Plex Sans"
+						dateFont.family: timeFont.family
 					}
 				}
 
@@ -102,10 +106,16 @@
 
 					TextBox {
 						id: name
-						width: parent.width; height: 30
+						width: parent.width; height: 50
 						text: userModel.lastUser
 						font.family: "IBM Plex Sans"
 						font.pixelSize: 13
+						radius: 8
+						textColor: "#ebdbb2"
+						borderColor: "#32302f"
+						focusColor: "#83a598"
+						hoverColor: "#504945"
+						color: "#282828"
 
 						KeyNavigation.backtab: rebootButton; KeyNavigation.tab: password
 
@@ -133,9 +143,15 @@
 
 					PasswordBox {
 						id: password
-						width: parent.width; height: 30
+						width: parent.width; height: 50
 						font.family: "IBM Plex Sans"
 						font.pixelSize: 13
+						radius: 8
+						textColor: "#ebdbb2"
+						borderColor: "#32302f"
+						focusColor: "#83a598"
+						hoverColor: "#504945"
+						color: "#282828"
 
 						KeyNavigation.backtab: name; KeyNavigation.tab: session
 
@@ -164,9 +180,14 @@
 
 					ComboBox {
 						id: session
-						width: parent.width; height: 30
+						width: parent.width; height: 50
 						font.family: "IBM Plex Sans"
 						font.pixelSize: 13
+						textColor: "#ebdbb2"
+						borderColor: "#32302f"
+						focusColor: "#83a598"
+						hoverColor: "#504945"
+						color: "#282828"
 
 						arrowIcon: Qt.resolvedUrl("angle-down.png")
 
@@ -209,6 +230,10 @@
 						font.family: "IBM Plex Sans"
 						font.pixelSize: 13
 						textColor: "#282828"
+						color: "#83a598"
+						disabledColor: "#32302f"
+						activeColor: "#83a598"
+						pressedColor: "#458588"
 					}
 
 					Button {
@@ -223,6 +248,10 @@
 						font.family: "IBM Plex Sans"
 						font.pixelSize: 13
 						textColor: "#282828"
+						color: "#83a598"
+						disabledColor: "#32302f"
+						activeColor: "#83a598"
+						pressedColor: "#458588"
 					}
 
 					Button {
@@ -237,6 +266,10 @@
 						font.family: "IBM Plex Sans"
 						font.pixelSize: 13
 						textColor: "#282828"
+						color: "#83a598"
+						disabledColor: "#32302f"
+						activeColor: "#83a598"
+						pressedColor: "#458588"
 					}
 				}
 			}