From b6fea0cc9174e8192aa9c5c4ad1c1a82df56d5fa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marco=20Trevisan=20=28Trevi=C3=B1o=29?= Date: Wed, 11 Sep 2024 03:03:17 +0200 Subject: [PATCH] theme: Improve theming of the login dialog auth list items Render them as buttons, like we do with users Part-of: --- .../gnome-shell-sass/widgets/_login-lock.scss | 27 ++++++++++++++----- 1 file changed, 20 insertions(+), 7 deletions(-) diff --git a/data/theme/gnome-shell-sass/widgets/_login-lock.scss b/data/theme/gnome-shell-sass/widgets/_login-lock.scss index a89af5bf3..879b3530f 100644 --- a/data/theme/gnome-shell-sass/widgets/_login-lock.scss +++ b/data/theme/gnome-shell-sass/widgets/_login-lock.scss @@ -120,16 +120,29 @@ $_gdm_dialog_width: 25em; .login-dialog-auth-list-title { margin-left: 2em; + padding-bottom: $base_padding; } -.login-dialog-auth-list-item { - border-radius: $base_border_radius * 2; - padding: $base_margin; - color: darken($_gdm_fg,30%); +.login-dialog { + .login-dialog-auth-list-item { + @extend %button_common; + @include button(normal, $tc:$_gdm_fg, $c:$system_base_color, $always_dark: true); + &:selected, + &:focus { @include button(focus, $tc:$_gdm_fg, $c:$system_base_color, $always_dark: true);} + &:hover { @include button(hover, $tc:$_gdm_fg, $c:$system_base_color, $always_dark: true);} + &:active { @include button(active, $tc:$_gdm_fg, $c:$system_base_color, $always_dark: true);} - &:focus, &:selected { - background-color: -st-accent-color; - color: -st-accent-fg-color; + border-radius: $modal_radius * 0.6; + padding: $base_padding * 1.2; + } +} + +.unlock-dialog { + .login-dialog-auth-list-item { + @extend %lockscreen_button; + + border-radius: $modal_radius * 0.6; + padding: $base_padding * 1.2; } }