karim
e8d93e6b1d
- gui/ui: native GTK4 widget vocabulary (.tn-*) behind the ui.* seam, default backend now native; style_apple.css design language - shell: sidebar/topbar/content all #0f0f0f in dark (matches eww panels) - new pages: wine, online_accounts - packaging: tanin-icons (accent folder theme), tanin-calendar, gtklock, taninux-gtk3-theme, flatpak install handler - iso/distro: profile + manifest tweaks (ISO binary not included)
62 lines
2.3 KiB
CSS
62 lines
2.3 KiB
CSS
/* 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; }
|