hyprlock + wlogout

hyprlock/Style-2/hyprlock.conf

@@ -0,0 +1,92 @@
+# BACKGROUND
+background {
+    monitor =
+    path = ~/.config/hypr/hypr.png
+    blur_passes = 0
+    contrast = 0.8916
+    brightness = 0.8172
+    vibrancy = 0.1696
+    vibrancy_darkness = 0.0
+}
+
+# GENERAL
+general {
+    no_fade_in = false
+    grace = 0
+    disable_loading_bar = false
+}
+
+# Time
+label {
+    monitor =
+    text = cmd[update:1000] echo "<span>$(date +"%I:%M")</span>"
+    color = rgba(216, 222, 233, .7)
+    font_size = 160
+    font_family = steelfish outline regular
+    position = 0, 370
+    halign = center
+    valign = center
+}
+
+# Day-Month-Date
+label {
+    monitor =
+    text = cmd[update:1000] echo -e "$(date +"%A, %B %d")"
+    color = rgba(216, 222, 233, .7)
+    font_size = 28
+    font_family = SF Pro Display Bold
+    position = 0, 490
+    halign = center
+    valign = center
+}
+
+# Foreground
+image {
+    monitor =
+    path = ~/.config/hypr/foreground.png
+    size = 700
+    border_size = 0
+    rounding = 0
+    rotate = 0
+    reload_time = 0
+    reload_cmd = 
+    position = 0, -66
+    halign = center
+    valign = center
+}
+
+# USER
+label {
+    monitor =
+    text =     $USER
+    color = rgba(216, 222, 233, 0.80)
+    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 = 18
+    font_family = SF Pro Display Bold
+    position = 0, -180
+    halign = center
+    valign = center
+}
+
+# INPUT FIELD
+input-field {
+    monitor =
+    size = 300, 60
+    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
+    outer_color = rgba(255, 255, 255, 0)
+    inner_color = rgba(255, 255, 255, 0.1)
+    font_color = rgb(200, 200, 200)
+    fade_on_empty = false
+    font_family = SF Pro Display Bold
+    placeholder_text = <i><span foreground="##ffffff99">🔒 Enter Pass</span></i>
+    hide_input = false
+    position = 0, -250
+    halign = center
+    valign = center
+}

scripts/brightness

@@ -1,4 +1,4 @@
-#!/bin/sh
+#!/bin/env/sh
 
 down() {
 brightnessctl set 5%-

scripts/keybind.sh

@@ -1,5 +1,4 @@
-
-#!/bin/bash
+#!/usr/bin/env bash
 
 GTK_THEME_NAME="Nightfox-Dark"
 # Path to your Hyprland config file

scripts/screenHz.sh

@@ -1,3 +1,5 @@
+#!/usr/bin/env bash
+
 if hyprctl monitors | grep '2560x1600@120.00000'; then
 	json='{"text": "60", "tooltip": "Frequency", "class": "custom/power-menu", "percentage": 60 }'
 	echo -e $json >~/.config/hypr/scripts/hz.json

scripts/volume

@@ -1,4 +1,4 @@
-#!/bin/sh
+#!/usr/bin/env bash
 
 down() {
 pamixer -d 2

scripts/wofi-wifi.sh

@@ -1,5 +1,4 @@
-
-#!/bin/bash
+#!/usr/bin/env bash
 
 # Define the GTK theme as a variable for easy changes
 GTK_THEME_NAME="Nightfox-Dark"

wlogout/layout

@@ -0,0 +1,30 @@
+{
+    "label" : "lock",
+    "action" : "hyprlock",
+    "text" : "Lock",
+    "keybind" : "l"
+}
+{
+    "label" : "reboot",
+    "action" : "systemctl reboot",
+    "text" : "Reboot",
+    "keybind" : "r"
+}
+{
+    "label" : "shutdown",
+    "action" : "systemctl poweroff",
+    "text" : "Shutdown",
+    "keybind" : "s"
+}
+{
+    "label" : "logout",
+    "action" : "hyprctl dispatch exit 0",
+    "text" : "Logout",
+    "keybind" : "e"
+}
+{
+    "label" : "suspend",
+    "action" : "systemctl suspend",
+    "text" : "Suspend",
+    "keybind" : "u"
+}

wlogout/style.css

@@ -0,0 +1,60 @@
+window {
+    font-family: monospace;
+    font-size: 14pt;
+    color: #cdd6f4; /* text */
+    background-color: rgba(30, 30, 46, 0.5);
+}
+
+button {
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 25%;
+    border: none;
+    background-color: rgba(30, 30, 46, 0);
+    margin: 5px;
+    transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
+}
+
+button:hover {
+    background-color: rgba(49, 50, 68, 0.1);
+}
+
+button:focus {
+    background-color: #cba6f7;
+    color: #1e1e2e;
+}
+
+#lock {
+    background-image: image(url("./lock.png"));
+}
+#lock:focus {
+    background-image: image(url("./lock-hover.png"));
+}
+
+#logout {
+    background-image: image(url("./logout.png"));
+}
+#logout:focus {
+    background-image: image(url("./logout-hover.png"));
+}
+
+#suspend {
+    background-image: image(url("./sleep.png"));
+}
+#suspend:focus {
+    background-image: image(url("./sleep-hover.png"));
+}
+
+#shutdown {
+    background-image: image(url("./power.png"));
+}
+#shutdown:focus {
+    background-image: image(url("./power-hover.png"));
+}
+
+#reboot {
+    background-image: image(url("./restart.png"));
+}
+#reboot:focus {
+    background-image: image(url("./restart-hover.png"));
+}