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).

1 files changed, 36 insertions, 12 deletions

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