✨ feat(hyprlock): new beatiful lockscreen for the dots!

hyprlock/hyprlock.conf

@@ -1,79 +1,93 @@
-source = $HOME/.config/hypr/mocha.conf
 
-$accent = $mauve
+# Colors
-$accentAlpha = $mauveAlpha
+$text = rgb(ffffff)
-$font = JetBrainsMono Nerd Font
+$accent = rgb(e6c272)
+$clockAccent = rgba(249, 226, 175, .7)
+$background = rgb(312d23)
+$backgroundAlt = rgb(50462f)
+
+# Fonts
+$font = Cantarell Regular
+$clockFont = Cantarell Black
 
-# GENERAL
 general {
     disable_loading_bar = true 
-    hide_cursor = true
+    hide_cursor = false
 }
 
-# BACKGROUND
 background {
     monitor =
-    path = ~/.config/background
+    path = ~/wallpapers/nijika-ijichi-btr.jpg
-    blur_passes = 0
+    blur_passes = 2
-    color = $base
+    # color = $COLOR / rgb(COLOR)
 }
 
-# TIME
+# Time
 label {
     monitor =
-    text = cmd[update:30000] echo "$(date +"%R")"
+    text = cmd[update:30000] echo -e "$(date +"%R")" # 24-hour style
-    color = $text
+    # text = cmd[update:30000] echo -e "$(date +"%r")"
-    font_size = 90
+    color = $clockAccent
-    font_family = $font
+    font_size = 120
-    position = -30, 0
+    font_family = $clockFont
-    halign = right
+    position = 0, -60
+    halign = center
     valign = top
 }
 
-# DATE 
+# Date
 label {
     monitor = 
-    text = cmd[update:43200000] echo "$(date +"%A, %d %B %Y")"
+    text = cmd[update:43200000] echo -e "$(date +"%A, %d %B %Y")"
     color = $text
-    font_size = 25
+    font_size = 20
     font_family = $font
-    position = -30, -150
+    position = 0, -250
-    halign = right
+    halign = center
     valign = top
 }
 
-# USER AVATAR
+# Logged user
+label {
+    monitor = 
+    font_size = 6
+    font_family = Noto Sans Mono
+    text = Currently logged in as $USER
+    halign = center
+    valign = bottom
+    position = 0, 5
+}
 
+# Avatar
 image {
     monitor = 
     path = ~/.face
-    size = 100
+    size = 70
     border_color = $accent
-
+    position = 0, 100
-    position = 0, 75
     halign = center
-    valign = center
+    valign = bottom
 }
 
-# INPUT FIELD
+# Input (password)
 input-field {
     monitor =
-    size = 300, 60
+    size = 180, 35
-    outline_thickness = 4
+    outline_thickness = 1 
-    dots_size = 0.2
+    dots_size = .15
-    dots_spacing = 0.2
+    dots_spacing = .6
     dots_center = true
-    outer_color = $accent
+    outer_color = $backgroundAlt
-    inner_color = $surface0
+    inner_color = $background
     font_color = $text
     fade_on_empty = false
-    placeholder_text = <span foreground="##cad3f5"><i>󰌾 Logged in as </i><span foreground="##b7bdf8">$USER</span></span>
+    placeholder_text = 
     hide_input = false
     check_color = $accent
-    fail_color = $red
+    fail_color = $accent
     fail_text = <i>$FAIL <b>($ATTEMPTS)</b></i>
-    capslock_color = $yellow
+    capslock_color = $accent
-    position = 0, -35
+    position = 0, 40
     halign = center
-    valign = center
+    valign = bottom
 }