/* gtklock — Fuji greeter look (GTK3). Mirrors /etc/greetd/tanin-greet.css. * Palette: bg #0f0f0f bg_alt #191919 fg #f0f0f0 muted #8a8a8a accent #a39ec4 error #e0a3a3 * * Wallpaper: url('wallpaper') resolves NEXT TO this css (~/.config/gtklock/wallpaper), * kept in sync with the desktop wallpaper by scripts/greeter-wallpaper.sh. The dark * linear-gradient on top is the scrim (keeps text readable; matches the greeter's .scrim). * * NOTE: selectors target gtklock 4.x core + the userinfo/powerbar modules. If one * doesn't apply on the first real run, verify the actual widget id with * GTK_DEBUG=interactive — then we tweak. swaylock stays the fallback meanwhile. */ window { background-image: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)), url('wallpaper'); background-size: cover, cover; background-position: center, center; color: #f0f0f0; } /* built-in clock (driven by time-format / date-format in config.ini) */ #clock-label { color: #f0f0f0; font-size: 64px; font-weight: 300; margin-bottom: 30px; } /* userinfo module — avatar + username */ #user-image { color: #f0f0f0; background-color: rgba(163, 158, 196, 0.14); /* accent @ 0.14, like the greeter avatar */ border-radius: 999px; padding: 22px; margin-bottom: 10px; } #user-name, #username-label { color: #f0f0f0; font-size: 19px; font-weight: 600; margin-bottom: 16px; } /* password pill — grey translucent fill, accent focus ring, 999px like the bar */ entry { min-width: 300px; background-color: rgba(25, 25, 25, 0.55); color: #f0f0f0; border: 1.5px solid rgba(240, 240, 240, 0.22); border-radius: 999px; padding: 11px 18px; box-shadow: none; caret-color: #f0f0f0; } entry:focus { border-color: #a39ec4; } entry image { color: rgba(240, 240, 240, 0.6); } #unlock-button { margin-top: 14px; background: transparent; border: none; box-shadow: none; color: #8a8a8a; } #unlock-button:hover { color: #a39ec4; } #error-label { color: #e0a3a3; margin-top: 8px; } #caps-lock-label { color: #8a8a8a; margin-top: 4px; } #info-label { color: #8a8a8a; } /* powerbar module (reboot/poweroff) — quiet glyphs, accent on hover, like the greeter */ .powerbar-button, #powerbar button { background: transparent; border: none; box-shadow: none; color: #8a8a8a; } .powerbar-button:hover, #powerbar button:hover { color: #a39ec4; }