brl/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

styling: Update for darker system grey

Browse Source 
- darken buttons similarly to the app grid groups
- entries as well
- adjust foreground color of additional elements to
  work for 'light' variant as well

Fixes https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/3847

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1748>
This commit is contained in:
Jakub Steiner 2021-03-09 20:22:37 +01:00 committed by Marge Bot
parent 095d7c36f7
commit db1336120c
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
data/theme/gnome-shell-sass/widgets/_login-dialog.scss
View File

@ -11,13 +11,13 @@
border: none; border: none;
background-color: transparent; background-color: transparent;
$_gdm_bg: lighten(#2e3436, 19%); $_gdm_bg: $system_bg_color;
StEntry { StEntry {
@if $variant=='dark' { @if $variant=='dark' {
$_gdm_entry_bg: transparentize(lighten(desaturate(#241f31, 20%), 2%), 0.5); $_gdm_entry_bg: darken($system_bg_color, 3%);
background-color: $_gdm_entry_bg; background-color: $_gdm_entry_bg;
color: $osd_fg_color; color: $fg_color;
} }
} }
@ -25,9 +25,9 @@
.modal-dialog-button { .modal-dialog-button {
padding: 4px 18px; padding: 4px 18px;
box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2);
background-color: $_gdm_bg; background-color: darken($system_bg_color, 3%);
border-color: $_gdm_bg; border-color: darken($system_bg_color, 3%);
color: $fg_color; color: $osd_fg_color;
$_hover_c: lighten($_gdm_bg, 5%); $_hover_c: lighten($_gdm_bg, 5%);
&:hover, &:focus { &:hover, &:focus {
@ -44,7 +44,7 @@
@include button(insensitive); @include button(insensitive);
border-color: darken($_gdm_bg, 5%); border-color: darken($_gdm_bg, 5%);
background-color: darken($_gdm_bg, 5%); background-color: darken($_gdm_bg, 5%);
color: transparentize($fg_color, 0.3); color: transparentize($osd_fg_color, 0.3);
} }
&:default { &:default {
@include button(normal, $c:$selected_bg_color, $tc:$selected_fg_color); @include button(normal, $c:$selected_bg_color, $tc:$selected_fg_color);
@ -77,8 +77,8 @@
border-radius: 99px; border-radius: 99px;
width: $base_icon_size * 2; width: $base_icon_size * 2;
height: $base_icon_size * 2; height: $base_icon_size * 2;
border-color: transparentize($bg_color,0.7); border-color: darken($system_bg_color, 3%);
background-color: transparentize($bg_color,0.7); background-color: darken($system_bg_color, 3%);
StIcon { icon-size: $base_icon_size; } StIcon { icon-size: $base_icon_size; }
} }