Merge pull request #5860 from jweaver60/settings-widget-styling

Restyle Quickshell settings inputs to match Omarchy aesthetic

default/quickshell/omarchy-shell/plugins/settings/SettingsPanel.qml

@@ -2572,18 +2572,40 @@ Item {
       spacing: 8
       width: parent ? parent.width : 0
 
+      component CalendarField: TextField {
+        id: calField
+        property string fieldKey: ""
+        font.family: root.fontFamily
+        font.pixelSize: 12
+        width: parent.width
+        color: root.foreground
+        selectionColor: Qt.rgba(root.foreground.r, root.foreground.g, root.foreground.b, 0.35)
+        selectedTextColor: root.foreground
+        placeholderTextColor: Qt.darker(root.foreground, 1.6)
+        leftPadding: 10
+        rightPadding: 10
+        topPadding: 7
+        bottomPadding: 7
+        onEditingFinished: if (fieldKey) calForm.fieldChanged(fieldKey, text)
+        background: Rectangle {
+          color: Qt.rgba(root.foreground.r, root.foreground.g, root.foreground.b,
+                         calField.activeFocus ? 0.08 : 0.04)
+          border.color: calField.activeFocus
+            ? Qt.rgba(root.foreground.r, root.foreground.g, root.foreground.b, 0.4)
+            : Qt.rgba(root.foreground.r, root.foreground.g, root.foreground.b, 0.18)
+          border.width: 1
+        }
+      }
+
       Text {
         text: "Horizontal format"
         color: Qt.darker(root.foreground, 1.4)
         font.family: root.fontFamily
         font.pixelSize: 11
       }
-      TextField {
+      CalendarField {
+        fieldKey: "format"
         text: calForm.entry.format || "dddd HH:mm"
-        font.family: root.fontFamily
-        font.pixelSize: 12
-        width: parent.width
-        onEditingFinished: calForm.fieldChanged("format", text)
       }
 
       Text {
@@ -2592,12 +2614,9 @@ Item {
         font.family: root.fontFamily
         font.pixelSize: 11
       }
-      TextField {
+      CalendarField {
+        fieldKey: "formatAlt"
         text: calForm.entry.formatAlt || "dd MMMM 'W'ww yyyy"
-        font.family: root.fontFamily
-        font.pixelSize: 12
-        width: parent.width
-        onEditingFinished: calForm.fieldChanged("formatAlt", text)
       }
 
       Text {
@@ -2606,12 +2625,9 @@ Item {
         font.family: root.fontFamily
         font.pixelSize: 11
       }
-      TextField {
+      CalendarField {
+        fieldKey: "verticalFormat"
         text: calForm.entry.verticalFormat || "HH\n—\nmm"
-        font.family: root.fontFamily
-        font.pixelSize: 12
-        width: parent.width
-        onEditingFinished: calForm.fieldChanged("verticalFormat", text)
       }
     }
   }