sway: replace swaylock with gtklock, Star Wars theme lockscreen

Switch lockscreen from swaylock to gtklock. CSS styled with Star Wars
yellow (#FFE81F) on near-black background, cover-scaled wallpaper injected
at runtime via temp CSS to avoid path expansion issues in gtklock config.
Update sway background wallpaper to darth-vader-sam.jpg.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Fabio Scotto di Santolo
2026-05-30 11:14:49 +02:00
parent d8ba674df7
commit 6014354c8f
7 changed files with 65 additions and 17 deletions

View File

@@ -0,0 +1 @@
[main]

View File

@@ -0,0 +1,49 @@
* {
font-family: "NotoSans NF", sans-serif;
color: #FFE81F;
}
window {
background-color: #00000A;
}
box {
background-color: transparent;
}
entry {
background-color: rgba(0, 0, 10, 0.6);
color: #FFE81F;
border: 1px solid #FFE81F;
border-radius: 0;
padding: 8px 16px;
caret-color: #FFE81F;
min-width: 320px;
font-weight: bold;
font-style: italic;
}
entry > text {
color: #FFE81F;
}
entry:focus {
border-color: #FFE81F;
box-shadow: 0 0 8px rgba(255, 232, 31, 0.5);
}
entry.error {
border-color: #c7162b;
box-shadow: 0 0 8px rgba(199, 22, 43, 0.6);
color: #c7162b;
}
label {
color: #FFE81F;
font-weight: bold;
font-style: italic;
}
label.error {
color: #c7162b;
}

View File

@@ -35,7 +35,7 @@ input * {
seat * xcursor_theme Yaru 24
# Outputs
output * bg ~/.config/sway/wallpapers/wallpaper-161664.jpg center
output * bg ~/.config/sway/wallpapers/darth-vader-sam.jpg center
# SwayFX effects
corner_radius 8

View File

@@ -1,17 +1,11 @@
#!/bin/sh
exec swaylock \
--image "$HOME/.config/sway/wallpapers/maxresdefault.jpg" \
--scaling fill \
--indicator-radius 100 \
--ring-color 2f4058 \
--inside-color 1f1f28 \
--line-color 00000000 \
--separator-color 3a3a46 \
--key-hl-color 6daeea \
--bs-hl-color c7162b \
--ring-ver-color 4a90d9 \
--inside-ver-color 1f1f28 \
--ring-wrong-color c7162b \
--inside-wrong-color 1f1f28 \
--text-color d0d0d0
WALLPAPER="$HOME/.config/sway/wallpapers/maxresdefault.jpg"
STYLE_TMP=$(mktemp /tmp/gtklock-XXXXXX.css)
cat "$HOME/.config/gtklock/style.css" > "$STYLE_TMP"
printf '\nwindow { background-image: url("file://%s"); background-size: cover; background-position: center; background-repeat: no-repeat; }\n' \
"$WALLPAPER" >> "$STYLE_TMP"
gtklock --style "$STYLE_TMP"
rm -f "$STYLE_TMP"

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB