[Feature] Change hyprlock style & revive randomwall.js script

[Satoxyan]

Im still learning your script here, so the changes I made doesn't give a big impact with your project, but even though it isn't an important change, I just find that the hyprlock needs an attention to be more appealing (beacuse i hate minimalsm)

I also try to fix the Issue #1127, which seems closed as not planed because lack of evidence, and no log, but eventually I also get the same problem, and the problem is in the nmcli itself as it cannot update a Wi-Fi properties without deleting it first

[Satoxyan]

recording_2025-03-04_18.49.46.mp4

this is how the randomwall.sh done

[enessmr]

it currently looks so strange on my monitor

# $text_color = rgba(dee3e6FF)
# $entry_background_color = rgba(0f141611)
# $entry_border_color = rgba(89929555)
# $entry_color = rgba(bfc8cbFF)
$text_color = rgba(255, 178, 190, 1.0)
$entry_background_color = rgba(33333311)
$entry_border_color = rgba(255, 178, 190, 1.0)
$entry_color = rgba(255, 178, 190, 1.0)
$clock_color = rgba(255, 169, 177, 1.0)
$font_family = Gabarito Regular
$font_family_clock = Gabarito Medium
$font_material_symbols = Material Symbols Rounded

general {
    hide_cursor = 0
#    grace = 2
}


background {
    # color = rgba(0D0E13FF)
    # color = rgba(000000bb)
    # path = {{ SWWW_WALL }}
    path = $HOME/.cache/swww/DVI-D-1
    # path = screenshot
    blur_size = 1
    blur_passes = 1
    brightness = 0.75
}
input-field {
    monitor =
    size = 250, 50
    shadow_passes = 1
    shadow_boost = 0.35
    outline_thickness = 2
    dots_size = 0.1
    dots_spacing = 0.3
    outer_color = $clock_color
    inner_color = $entry_background_color
    font_color = $entry_color
    # fade_on_empty = true

    position = 0, 0
    halign = center
    valign = center
}

label {
    monitor =
    text =     $USER
    color = $text_color
    shadow_passes = 1
    shadow_boost = 0.35
    outline_thickness = 2
    dots_size = 0.2 # Scale of input-field height, 0.2 - 0.8
    dots_spacing = 0.2 # Scale of dots' absolute size, 0.0 - 1.0
    dots_center = true
    font_size = 20
    font_family = $font_family
    position = 0, 50
    halign = center
    valign = bottom
}

label { # Clock
    monitor =
    text = $TIME
    shadow_passes = 1
    shadow_boost = 0.35
    color = $clock_color
    font_size = 110
    color = $text_color
    font_size = 65
    font_family = $font_family_clock

    position = 20, 17
    halign = left
    valign = bottom
}
label { #Date
    monitor =
    text = cmd[update:18000000] echo "<b> "$(date +'%A, %-d %B')" </b>"
    color = $text_color
    shadow_passes = 1
    shadow_boost = 0.35
    font_size = 42
    font_family = $font_family

    position = 8, 115
    halign = left
    valign = bottom
}
label { # Greeting
    monitor =
    text =
    shadow_passes = 1
    shadow_boost = 0.5
    color = $text_color
    font_size = 16
    font_family = $font_family

    position = 0, 46
    halign = center
    valign = bottom
}
label { # lock icon
    monitor =
    text = lock
    shadow_passes = 1
    shadow_boost = 0.35
    color = $text_color
    font_size = 21
    font_family = $font_material_symbols

    position = 0, -125
    halign = center
    valign = top
}
label { # "locked" text
    monitor =
    text = locked
    shadow_passes = 1
    shadow_boost = 0.35
    color = $text_color
    font_size = 14
    font_family = $font_family

    position = 0, -155
    halign = center
    valign = top
}

label { # Status
    monitor =
    text = cmd[update:5000] ${XDG_CONFIG_HOME:-$HOME/.config}/hypr/hyprlock/status.sh
    shadow_passes = 1
    shadow_boost = 0.35
    color = $text_color
    font_size = 14
    font_family = $font_family

    position = -30, -30
    halign = right
    valign = top
}

calculated for acer x233h
yes my password is literally 1 digit

recording_2025-03-09_20.07.32.mp4

[Satoxyan]

it currently looks so strange on my monitor

# $text_color = rgba(dee3e6FF)
# $entry_background_color = rgba(0f141611)
# $entry_border_color = rgba(89929555)
# $entry_color = rgba(bfc8cbFF)
$text_color = rgba(255, 178, 190, 1.0)
$entry_background_color = rgba(33333311)
$entry_border_color = rgba(255, 178, 190, 1.0)
$entry_color = rgba(255, 178, 190, 1.0)
$clock_color = rgba(255, 169, 177, 1.0)
$font_family = Gabarito Regular
$font_family_clock = Gabarito Medium
$font_material_symbols = Material Symbols Rounded

general {
    hide_cursor = 0
#    grace = 2
}


background {
    # color = rgba(0D0E13FF)
    # color = rgba(000000bb)
    # path = {{ SWWW_WALL }}
    path = $HOME/.cache/swww/DVI-D-1
    # path = screenshot
    blur_size = 1
    blur_passes = 1
    brightness = 0.75
}
input-field {
    monitor =
    size = 250, 50
    shadow_passes = 1
    shadow_boost = 0.35
    outline_thickness = 2
    dots_size = 0.1
    dots_spacing = 0.3
    outer_color = $clock_color
    inner_color = $entry_background_color
    font_color = $entry_color
    # fade_on_empty = true

    position = 0, 0
    halign = center
    valign = center
}

label {
    monitor =
    text =     $USER
    color = $text_color
    shadow_passes = 1
    shadow_boost = 0.35
    outline_thickness = 2
    dots_size = 0.2 # Scale of input-field height, 0.2 - 0.8
    dots_spacing = 0.2 # Scale of dots' absolute size, 0.0 - 1.0
    dots_center = true
    font_size = 20
    font_family = $font_family
    position = 0, 50
    halign = center
    valign = bottom
}

label { # Clock
    monitor =
    text = $TIME
    shadow_passes = 1
    shadow_boost = 0.35
    color = $clock_color
    font_size = 110
    color = $text_color
    font_size = 65
    font_family = $font_family_clock

    position = 20, 17
    halign = left
    valign = bottom
}
label { #Date
    monitor =
    text = cmd[update:18000000] echo "<b> "$(date +'%A, %-d %B')" </b>"
    color = $text_color
    shadow_passes = 1
    shadow_boost = 0.35
    font_size = 42
    font_family = $font_family

    position = 8, 115
    halign = left
    valign = bottom
}
label { # Greeting
    monitor =
    text =
    shadow_passes = 1
    shadow_boost = 0.5
    color = $text_color
    font_size = 16
    font_family = $font_family

    position = 0, 46
    halign = center
    valign = bottom
}
label { # lock icon
    monitor =
    text = lock
    shadow_passes = 1
    shadow_boost = 0.35
    color = $text_color
    font_size = 21
    font_family = $font_material_symbols

    position = 0, -125
    halign = center
    valign = top
}
label { # "locked" text
    monitor =
    text = locked
    shadow_passes = 1
    shadow_boost = 0.35
    color = $text_color
    font_size = 14
    font_family = $font_family

    position = 0, -155
    halign = center
    valign = top
}

label { # Status
    monitor =
    text = cmd[update:5000] ${XDG_CONFIG_HOME:-$HOME/.config}/hypr/hyprlock/status.sh
    shadow_passes = 1
    shadow_boost = 0.35
    color = $text_color
    font_size = 14
    font_family = $font_family

    position = -30, -30
    halign = right
    valign = top
}

calculated for acer x233h
yes my password is literally 1 digit

recording_2025-03-09_20.07.32.mp4

Perhaps it's because my monitor is smaller with 15.6", and I'm using laptop

Anyway, you could just customize it however you want

It's also seems like your hyprlock color doesn't change, make sure to sync your config with the last commit