feat: narrower panel, bigger clock and avatar, icon buttons, stronger blur

Default panelWidth drops to 0.20, the clock grows to 76px and the
avatar to 128px, the confirm and back controls draw chevron icons
instead of text arrows, and the panel backdrop blurs harder
(blur 1.0, blurMax 72).

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
                     }
                 }