3 files changed, 43 insertions, 18 deletions
diff --git a/theme/components/Backdrop.qml b/theme/components/Backdrop.qml
index de39bc2..f21443b 100644
--- a/theme/components/Backdrop.qml
+++ b/theme/components/Backdrop.qml
@@ -39,7 +39,8 @@ Item {
         source: snapshot
         visible: backdrop.sourceItem !== null && backdrop.blurEnabled
         blurEnabled: true
-        blur: 0.8
+        blur: 1.0
+        blurMax: 72
         maskEnabled: true
         maskSource: mask
     }
diff --git a/theme/components/Credentials.qml b/theme/components/Credentials.qml
index ba5323c..f565474 100644
--- a/theme/components/Credentials.qml
+++ b/theme/components/Credentials.qml
@@ -7,6 +7,7 @@
 
 import QtQuick
 import QtQuick.Controls.Basic
+import QtQuick.Effects
 
 Item {
     id: creds
@@ -65,12 +66,24 @@ Item {
             opacity: backMouse.containsMouse ? 1 : 0
         }
 
-        Text {
+        Image {
+            id: backIcon
             anchors.centerIn: parent
-            text: "\u2190"
-            color: config.stringValue("subtext0")
-            font.family: "Noto Sans"
-            font.pixelSize: 22
+            width: 22
+            height: 22
+            source: "../icons/chevron-left.svg"
+            sourceSize.width: width
+            sourceSize.height: height
+            visible: false
+        }
+
+        MultiEffect {
+            anchors.fill: backIcon
+            source: backIcon
+            colorization: 1.0
+            colorizationColor: backMouse.containsMouse
+                ? config.stringValue("accent")
+                : config.stringValue("subtext0")
         }
 
         MouseArea {
@@ -95,13 +108,24 @@ Item {
             radius: 6
             color: config.stringValue("accent")
         }
-        contentItem: Text {
-            text: "\u2192"
-            color: config.stringValue("base")
-            font.family: "Noto Sans"
-            font.pixelSize: 22
-            horizontalAlignment: Text.AlignHCenter
-            verticalAlignment: Text.AlignVCenter
+        contentItem: Item {
+            Image {
+                id: confirmIcon
+                anchors.centerIn: parent
+                width: 22
+                height: 22
+                source: "../icons/chevron-right.svg"
+                sourceSize.width: width
+                sourceSize.height: height
+                visible: false
+            }
+
+            MultiEffect {
+                anchors.fill: confirmIcon
+                source: confirmIcon
+                colorization: 1.0
+                colorizationColor: config.stringValue("base")
+            }
         }
         onClicked: creds.confirm()
     }
diff --git a/theme/components/Panel.qml b/theme/components/Panel.qml
index 5cefd35..7f1880e 100644
--- a/theme/components/Panel.qml
+++ b/theme/components/Panel.qml
@@ -104,7 +104,7 @@ Item {
                 text: Qt.formatDateTime(panel.now, panel.timeFormat)
                 color: panel.textColor
                 font.family: "Noto Sans"
-                font.pixelSize: 56
+                font.pixelSize: 76
                 font.weight: Font.Light
             }
 
@@ -114,7 +114,7 @@ Item {
                 text: Qt.formatDateTime(panel.now, panel.dateFormat)
                 color: panel.subtextColor
                 font.family: "Noto Sans"
-                font.pixelSize: 18
+                font.pixelSize: 20
             }
 
             Text {
@@ -128,8 +128,8 @@ Item {
             }
 
             Item {
-                width: 96
-                height: 96
+                width: 128
+                height: 128
                 anchors.horizontalCenter: parent.horizontalCenter
 
                 Rectangle {
@@ -142,7 +142,7 @@ Item {
                         text: panel.initials
                         color: panel.textColor
                         font.family: "Noto Sans"
-                        font.pixelSize: 34
+                        font.pixelSize: 46
                     }
                 }