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:
Lapo Calamandrei 2014-10-08 17:47:15 +02:00
parent 0a200e29ca
commit cc16a6ca6c
3 changed files with 16 additions and 11 deletions

View File

@ -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; }
}
}

View File

@ -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; }

View File

@ -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; }