hypr: redesign hyprlock and set colours with matugen

stow/.config/hypr/.gitignore

@@ -1 +1,2 @@
 matugen.conf
+hyprlock.conf

stow/.config/hypr/hyprlock.conf

@@ -1,34 +0,0 @@
-general {
-  hide_cursor = true
-  grace = 1
-  ignore_empty_input = true
-  enable_fingerprint = true
-
-}
-
-background {
-  path = /tmp/hyprlock-background
-  blur_passes = 3
-  blur_size 15
-  noise = 0.01
-}
-
-input-field {
-  fade_on_empty = true
-  halign = right
-  valign = bottom
-  position = -100, 100
-  inner_color = rgb(0, 0, 0)
-  outer_color = rgb(0, 0, 0)
-  font_color = rgb(255, 255, 255)
-  rounding = 0
-}
-
-label {
-  position = 0, 0
-  valign = center
-  halign = center
-  font_size = 256
-  font_family = ComicShannsMono Nerd Font
-  text = $TIME12
-}

stow/.config/matugen/config.toml

@@ -44,3 +44,7 @@ output_path = '~/.config/qt6ct/colors/matugen.conf'
 input_path = './templates/pywalfox.json'
 output_path = '~/.cache/wal/colors.json'
 post_hook = 'pywalfox update'
+
+[templates.hyprlock]
+input_path = './templates/hyprlock.conf'
+output_path = '~/.config/hypr/hyprlock.conf'

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