hypr: redesign hyprlock and set colours with matugen

stow/.config/matugen/templates/hyprlock.conf

@@ -0,0 +1,115 @@
+general {
+  hide_cursor = true
+  grace = 5
+  ignore_empty_input = true
+  enable_fingerprint = true
+  fractional_scaling = 2
+}
+
+background {
+  path = {{image}}
+  blur_passes = 3
+  blur_size 15
+  noise = 0.1
+}
+
+#
+# Login
+#
+
+input-field {
+    monitor =
+    size = 20%, 5%
+    outline_thickness = 3
+    inner_color = {{colors.background.default.rgba}}
+
+    check_color = {{colors.secondary_container.default.rgba}}
+    fail_color = {{colors.error_container.default.rgba}}
+
+    font_color = {{colors.primary.default.rgba}}
+    font_family = {{custom.font}}
+    placeholder_text = Enter password
+    size = 48
+    fade_on_empty = false
+    rounding = 10
+
+    halign = center
+    valign = center
+    position = 0, 0
+}
+
+label {
+  font_family = {{custom.font}}
+  color = {{colors.primary.default.rgba}}
+  font_size = 24
+  text =  Hello
+
+  valign = center
+  halign = center
+  position = -6%, 5%
+}
+
+shape {
+  color = {{colors.background.default.rgba}}
+  rounding = 10
+
+  monitor =
+  size = 150, 60
+  position = -6%, 5%
+  halign = center
+  valign = center
+}
+
+#
+# Sidebar
+#
+
+label {
+  color = {{colors.primary.default.rgba}}
+  font_family = {{custom.font}}
+  font_size = 17
+  rotate = 270
+  text = cmd[update:60]echo 󰎇 $(head -c 30 <<< $(playerctl metadata title))
+
+  monitor =
+  size = 20, 40
+  position = -23, -20
+  halign = right
+  valign = top
+}
+
+shape {
+  color = {{colors.background.default.rgba}}
+  rounding = 10
+
+  monitor =
+  size = 50, 410
+  position = -10, -5
+  halign = right
+  valign = top
+}
+
+# Clock
+label {
+  color = {{colors.primary.default.rgba}}
+  font_family = {{custom.font}}
+  font_size = 17
+  text = cmd[update:60]echo -e " \n$(date '+%I\n%M')"
+
+  monitor =
+  size = 20, 40
+  position = -23, 20
+  halign = right
+  valign = bottom
+}
+
+shape {
+  color = {{colors.background.default.rgba}}
+  rounding = 10
+
+  monitor =
+  size = 50, 110
+  position = -10, 5
+  halign = right
+  valign = bottom
+}