feat: improved theming

.config/hypr/hyprlock.conf

@@ -16,17 +16,17 @@ background {
 
 input-field {
     monitor =
-    size = 200, 30
-    outline_thickness = 1
-    dots_size = 0.33 # Scale of input-field height, 0.2 - 0.8
-    dots_spacing = 0.15 # Scale of dots' absolute size, -1.0 - 1.0
-    dots_center = false
+    size = 200, 35
+    outline_thickness = 2
+    dots_size = 0.2 # Scale of input-field height, 0.2 - 0.8
+    dots_spacing = 0.35 # Scale of dots' absolute size, -1.0 - 1.0
+    dots_center = true
     dots_rounding = -1 # -1 default circle, -2 follow input-field rounding
     dots_fade_time = 200 # Milliseconds until a dot fully fades in
     dots_text_format = # Text character used for the input indicator. Leave empty for a rectangle that will be rounded via dots_rounding (default).
-    outer_color = rgb(151515)
-    inner_color = rgb(10, 10, 10)
-    font_color = rgb(200, 200, 200)
+    outer_color = rgba(15151500)
+    inner_color = rgba(10, 10, 10,150)
+    font_color = rgb(255, 255, 255)
     font_family = Noto Sans # Font used for placeholder_text, fail_text and dots_text_format.
     fade_on_empty = true
     fade_timeout = 1000 # Milliseconds before fade_on_empty is triggered.
@@ -44,23 +44,44 @@ input-field {
     invert_numlock = false # change color if numlock is off
     swap_font_color = false # see below
 
-    position = 0, -20
+    position = 0, -50
     halign = center
     valign = center
-}
 
+    shadow_passes= 2
+    shadow_boost = 0.2
+    shadow_color = rgba(00052288)
+}
+shape {
+    monitor =
+    size = 170, 170
+    color = rgba(3244a888) # no fill
+    rounding = -1 # circle
+    border_size = 0
+    border_color = rgba(0, 207, 230, 1.0)
+
+    position = 0, 100
+    halign = center
+    valign = center
+
+    shadow_passes=2
+    shadow_color = rgba(00052288)
+}
 label {
     monitor =
-    text = $USER
+    size = 170,170
+    text = Amy
     text_align = center # center/right or any value for default left. multi-line text alignment inside label container
     color = rgba(200, 200, 200, 1.0)
     font_size = 25
     font_family = Noto Sans
+    font_color = rgb(255,255,255)
     rotate = 0 # degrees, counter-clockwise
     shadow_passes= 2
-    shadow_boost = 2.0
+    shadow_boost = 0.5
+    shadow_color = rgba(00052288)
 
-    position = 0, 80
+    position = 0, 100
     halign = center
     valign = center
 }