theme: Minor screenshot UI fixes

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2215>
This commit is contained in:
Sam Hewitt 2022-02-25 11:40:24 -03:30 committed by Marge Bot
parent 0500d5ba9d
commit e4b80117b5
2 changed files with 19 additions and 20 deletions

View File

@ -25,13 +25,14 @@ $screenshot_ui_button_red: $error_color;
.screenshot-ui-close-button { .screenshot-ui-close-button {
@extend .window-close; // copy window close button @extend .window-close; // copy window close button
padding: $base_padding; // but with more padding padding: $base_padding !important; // but with more padding
&.left { margin-left: 8px;} &.left { margin-left: 8px;}
&.right { margin-right: 8px;} &.right { margin-right: 8px;}
} }
.screenshot-ui-type-button { .screenshot-ui-type-button {
@extend %osd_button; @extend %osd_button;
min-width: 48px;
padding: $base_padding * 2 $base_padding * 3 !important; padding: $base_padding * 2 $base_padding * 3 !important;
border-radius: $screenshot_ui_panel_border_radius - $screenshot_ui_panel_padding; border-radius: $screenshot_ui_panel_border_radius - $screenshot_ui_panel_padding;
} }
@ -66,16 +67,14 @@ $screenshot_ui_button_red: $error_color;
.screenshot-ui-capture-button-circle { .screenshot-ui-capture-button-circle {
background-color: $screenshot_ui_button_red; background-color: $screenshot_ui_button_red;
} }
&:hover, &:focus { &:hover, &:focus {
.screenshot-ui-capture-button-circle { .screenshot-ui-capture-button-circle {
background-color: darken($screenshot_ui_button_red, 15%); background-color: lighten($screenshot_ui_button_red, 5%);
} }
} }
&:active { &:active {
.screenshot-ui-capture-button-circle { .screenshot-ui-capture-button-circle {
background-color: darken($screenshot_ui_button_red, 30%); background-color: darken($screenshot_ui_button_red, 7%);
} }
} }
} }
@ -174,7 +173,7 @@ $screenshot_ui_button_red: $error_color;
} }
.screenshot-ui-window-selector-check { .screenshot-ui-window-selector-check {
color: white; color: $selected_fg_color;
background-color: $selected_bg_color; background-color: $selected_bg_color;
} }
} }

View File

@ -27,7 +27,7 @@ $window_close_button_padding: 3px;
.window-close { .window-close {
background-color: $window_close_button_color; background-color: $window_close_button_color;
color: $osd_fg_color; color: $osd_fg_color;
border-radius: $window_close_button_size * 0.5 + $window_close_button_padding * 2; border-radius: 99px;
padding: $window_close_button_padding; padding: $window_close_button_padding;
height: $window_close_button_size; height: $window_close_button_size;
width: $window_close_button_size; width: $window_close_button_size;