From 680c367974d1aff01a906038da6f066b7f072424 Mon Sep 17 00:00:00 2001
From: Craig Jennings <c@cjennings.net>
Date: Sun, 25 Jan 2026 18:56:18 -0600
Subject: feat(hyprlock): add profile image and proportional layout

- Add profile image widget with goldenrod border
- Use 12hr time format ($TIME12)
- Use percentage-based positioning for multi-monitor support
- Remove input field outline, add rounded corners
- Update fonts to BerkeleyMono Nerd Font
---
 dotfiles/hyprland/.config/hypr/hyprlock.conf | 78 +++++++++++++++++-----------
 1 file changed, 49 insertions(+), 29 deletions(-)

(limited to 'dotfiles')

diff --git a/dotfiles/hyprland/.config/hypr/hyprlock.conf b/dotfiles/hyprland/.config/hypr/hyprlock.conf
index b4dcfb8..4f1c5df 100644
--- a/dotfiles/hyprland/.config/hypr/hyprlock.conf
+++ b/dotfiles/hyprland/.config/hypr/hyprlock.conf
@@ -1,5 +1,6 @@
 # Hyprlock configuration
 # Matching DWM colors: gray1=#222222, accent=#daa520
+# Using percentages for proportional sizing across monitors
 
 general {
     disable_loading_bar = false
@@ -20,22 +21,65 @@ background {
     vibrancy_darkness = 0.0
 }
 
+# Clock (top)
+label {
+    monitor =
+    text = $TIME12
+    text_align = center
+    color = rgb(bbbbbb)
+    font_size = 64
+    font_family = BerkeleyMono Nerd Font
+    position = 0, 15%
+    halign = center
+    valign = center
+}
+
+# Profile image
+image {
+    monitor =
+    path = ~/pictures/devilman.jpg
+    size = 120
+    rounding = -1
+    border_size = 3
+    border_color = rgb(daa520)
+    position = 0, 0%
+    halign = center
+    valign = center
+    shadow_passes = 2
+    shadow_size = 3
+    shadow_color = rgba(0, 0, 0, 0.5)
+}
+
+# Username
+label {
+    monitor =
+    text = $USER
+    text_align = center
+    color = rgb(daa520)
+    font_size = 36
+    font_family = BerkeleyMono Nerd Font
+    position = 0, -7%
+    halign = center
+    valign = center
+}
+
+# Password input (no outline)
 input-field {
     monitor =
-    size = 300, 50
-    outline_thickness = 3
+    size = 20%, 4%
+    outline_thickness = 0
     dots_size = 0.33
     dots_spacing = 0.15
     dots_center = true
     dots_rounding = -1
-    outer_color = rgb(444444)
+    outer_color = rgb(222222)
     inner_color = rgb(222222)
     font_color = rgb(bbbbbb)
     fade_on_empty = true
     fade_timeout = 1000
     placeholder_text = <i>Password...</i>
     hide_input = false
-    rounding = 0
+    rounding = 8
     check_color = rgb(daa520)
     fail_color = rgb(d9534f)
     fail_text = <i>$FAIL <b>($ATTEMPTS)</b></i>
@@ -45,31 +89,7 @@ input-field {
     bothlock_color = -1
     invert_numlock = false
     swap_font_color = false
-    position = 0, -20
-    halign = center
-    valign = center
-}
-
-label {
-    monitor =
-    text = $TIME
-    text_align = center
-    color = rgb(bbbbbb)
-    font_size = 64
-    font_family = FiraCode Nerd Font Mono
-    position = 0, 80
-    halign = center
-    valign = center
-}
-
-label {
-    monitor =
-    text = $USER
-    text_align = center
-    color = rgb(daa520)
-    font_size = 20
-    font_family = FiraCode Nerd Font Mono
-    position = 0, -80
+    position = 0, -12%
     halign = center
     valign = center
 }
-- 
cgit v1.2.3