mirror of
https://gitlab.gnome.org/GNOME/gtk.git
synced 2024-09-30 19:17:34 +00:00
Adwaita: color button changes
Dimmed inner colorswatch shadow to make brighter colors looks nice, increased the padding to make button states more evident, 0 border radius to match the padding change and no colorswatch shadows when the button is insensitive.
This commit is contained in:
parent
0a200e29ca
commit
cc16a6ca6c
@ -797,11 +797,12 @@ $_dot_color: if($variant=='light', $selected_bg_color,
|
||||
}
|
||||
|
||||
GtkColorButton.button {
|
||||
padding: 4px; // Uniform padding on the GtkColorButton
|
||||
padding: 5px; // Uniform padding on the GtkColorButton
|
||||
GtkColorSwatch {
|
||||
border-radius: 1.5px;
|
||||
box-shadow: inset 0 1px 1px transparentize(black, 0.8),
|
||||
border-radius: 0;
|
||||
box-shadow: inset 0 1px 1px transparentize(black, 0.9),
|
||||
_widget_edge();
|
||||
&:insensitive,
|
||||
&:backdrop { box-shadow: none; }
|
||||
}
|
||||
}
|
||||
|
@ -1289,13 +1289,15 @@ GtkCalendar.header .menuitem.titlebutton.button {
|
||||
GtkColorButton.button, .header-bar GtkColorButton.button.titlebutton,
|
||||
.titlebar GtkColorButton.button.titlebutton,
|
||||
GtkCalendar.header GtkColorButton.button.titlebutton {
|
||||
padding: 4px; }
|
||||
padding: 5px; }
|
||||
GtkColorButton.button GtkColorSwatch, .header-bar GtkColorButton.button.titlebutton GtkColorSwatch,
|
||||
.titlebar GtkColorButton.button.titlebutton GtkColorSwatch,
|
||||
GtkCalendar.header GtkColorButton.button.titlebutton GtkColorSwatch {
|
||||
border-radius: 1.5px;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(238, 238, 236, 0.1); }
|
||||
GtkColorButton.button GtkColorSwatch:backdrop, .header-bar GtkColorButton.button.titlebutton GtkColorSwatch:backdrop,
|
||||
border-radius: 0;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
|
||||
GtkColorButton.button GtkColorSwatch:insensitive, .header-bar GtkColorButton.button.titlebutton GtkColorSwatch:insensitive,
|
||||
.titlebar GtkColorButton.button.titlebutton GtkColorSwatch:insensitive,
|
||||
GtkCalendar.header GtkColorButton.button.titlebutton GtkColorSwatch:insensitive, GtkColorButton.button GtkColorSwatch:backdrop, .header-bar GtkColorButton.button.titlebutton GtkColorSwatch:backdrop,
|
||||
.titlebar GtkColorButton.button.titlebutton GtkColorSwatch:backdrop,
|
||||
GtkCalendar.header GtkColorButton.button.titlebutton GtkColorSwatch:backdrop {
|
||||
box-shadow: none; }
|
||||
|
@ -1281,13 +1281,15 @@ GtkCalendar.header .menuitem.titlebutton.button {
|
||||
GtkColorButton.button, .header-bar GtkColorButton.button.titlebutton,
|
||||
.titlebar GtkColorButton.button.titlebutton,
|
||||
GtkCalendar.header GtkColorButton.button.titlebutton {
|
||||
padding: 4px; }
|
||||
padding: 5px; }
|
||||
GtkColorButton.button GtkColorSwatch, .header-bar GtkColorButton.button.titlebutton GtkColorSwatch,
|
||||
.titlebar GtkColorButton.button.titlebutton GtkColorSwatch,
|
||||
GtkCalendar.header GtkColorButton.button.titlebutton GtkColorSwatch {
|
||||
border-radius: 1.5px;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px white; }
|
||||
GtkColorButton.button GtkColorSwatch:backdrop, .header-bar GtkColorButton.button.titlebutton GtkColorSwatch:backdrop,
|
||||
border-radius: 0;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
|
||||
GtkColorButton.button GtkColorSwatch:insensitive, .header-bar GtkColorButton.button.titlebutton GtkColorSwatch:insensitive,
|
||||
.titlebar GtkColorButton.button.titlebutton GtkColorSwatch:insensitive,
|
||||
GtkCalendar.header GtkColorButton.button.titlebutton GtkColorSwatch:insensitive, GtkColorButton.button GtkColorSwatch:backdrop, .header-bar GtkColorButton.button.titlebutton GtkColorSwatch:backdrop,
|
||||
.titlebar GtkColorButton.button.titlebutton GtkColorSwatch:backdrop,
|
||||
GtkCalendar.header GtkColorButton.button.titlebutton GtkColorSwatch:backdrop {
|
||||
box-shadow: none; }
|
||||
|
Loading…
Reference in New Issue
Block a user