changed the desigin of hyprlock and added new quickshell components

.config/hypr/hyprlock.conf

@@ -9,7 +9,7 @@
 # you can get started by copying this config to ~/.config/hypr/hyprlock.conf
 #
 
-$font = Cascadia Code
+$font = CaskaydiaCove Nerd Font Mono
 
 general {
     hide_cursor = false
@@ -35,26 +35,26 @@ animations {
 
 background {
     monitor =
-    path = ~/Pictures/wallpapers/frieren-beyond-journeys-end-7p-2560x1440.jpg
-    blur_passes = 3
+    path = ~/Pictures/wallpapers/evening-sky.png
+    blur_passes = 1
 }
 
 input-field {
     monitor =
-    size = 20%, 5%
-    outline_thickness = 3
+    size = 15%, 5%
+    outline_thickness = 2
     inner_color = rgba(0, 0, 0, 0.0) # no fill
 
-    outer_color = rgba(a6da95ee) rgba(b7bdf8ee) 45deg
-    check_color = rgba(00ff99ee) rgba(ff6633ee) 120deg
-    fail_color = rgba(ff6633ee) rgba(ff0066ee) 40deg
+    outer_color = #cdd6f4#rgba(a6da95ee) rgba(b7bdf8ee) 45deg
+    check_color = rgba(00ff99ee) #rgba(ff6633ee) 120deg
+    fail_color = rgba(ff6633ee) #rgba(ff0066ee) 40deg
 
     font_color = rgb(143, 143, 143)
     fade_on_empty = false
     rounding = 15
 
     font_family = $font
-    placeholder_text = password
+    placeholder_text = 
     fail_text = $PAMFAIL
 
     # uncomment to use a letter instead of a dot to indicate the typed password
@@ -65,7 +65,7 @@ input-field {
     # uncomment to use an input indicator that does not show the password length (similar to swaylock's input indicator)
     # hide_input = true
 
-    position = 0, -90
+    position = 0, -290
     halign = center
     valign = center
 }
@@ -74,12 +74,12 @@ input-field {
 label {
     monitor =
     text = $TIME # ref. https://wiki.hyprland.org/Hypr-Ecosystem/hyprlock/#variable-substitution
-    font_size = 220
+    font_size = 120
     font_family = $font
 
-    position = -30, -30
+    position = 0, -30
     halign = center
-    valign = top
+    valign = center
 }
 
 # DATE
@@ -89,7 +89,7 @@ label {
     font_size = 25
     font_family = $font
 
-    position = -30, -340
+    position = 0, -120
     halign = center
-    valign = top
+    valign = center
 }