AuroraMiddleware/gtk
1
0
Fork 1
mirror of https://gitlab.gnome.org/GNOME/gtk.git synced 2024-11-14 04:31:09 +00:00
Code Issues Projects Releases Wiki Activity

Adwaita: pushed button shadows tweakings

Browse Source
This commit is contained in:
Lapo Calamandrei 2014-08-08 10:11:11 +02:00
parent 3b916e4405
commit f1a9273844
3 changed files with 31 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
gtk/resources/theme/Adwaita/_drawing.scss
View File

@ -193,7 +193,9 @@ $widget_edge: 0 1px $borders_edge; //outer hilight "used" on
darken($c,5%));
@include _button_text_shadow($tc,darken($c,10%));
$_outsets: if($noedge, none, $widget_edge);
@include _shadows(inset 0 2px 1px -2px transparentize(black,0.4),$_outsets);
@include _shadows(inset 0 1px transparentize(black, 0.93),
inset 0 2px 1px -2px transparentize(black,0.4),
$_outsets);
}
@else if $t==insensitive {
//

28
gtk/resources/theme/Adwaita/gtk-contained-dark.css
View File

@ -302,7 +302,7 @@
background-image: linear-gradient(to bottom, #232727, #2d3232);
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1);
transition-duration: 50ms; }
.button:backdrop {
border-style: solid;
@ -427,7 +427,7 @@
background-image: linear-gradient(to bottom, #194776, #1c5187);
text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); }
.button.suggested-action:backdrop {
border-style: solid;
color: white;
@ -477,7 +477,7 @@
background-image: linear-gradient(to bottom, #aa0d0d, #bd0e0e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); }
.button.destructive-action:backdrop {
border-style: solid;
color: white;
@ -566,7 +566,7 @@
background-image: linear-gradient(to bottom, #232727, #2d3232);
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.inline-toolbar GtkToolButton > .button:insensitive {
border-style: solid;
color: #939695;
@ -744,7 +744,7 @@ GtkColorButton.button {
background-image: linear-gradient(to bottom, #232727, #2d3232);
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover {
border-style: solid;
color: #eeeeec;
@ -785,7 +785,7 @@ GtkColorButton.button {
background-image: linear-gradient(to bottom, #232727, #2d3232);
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); }
.spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover {
border-style: solid;
color: #eeeeec;
@ -975,7 +975,7 @@ GtkComboBox {
background-image: linear-gradient(to bottom, #194776, #1c5187);
text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.titlebar.selection-mode .button:insensitive, GtkCalendar.selection-mode.header .button:insensitive,
.header-bar.selection-mode .button:insensitive {
border-style: solid;
@ -1033,7 +1033,7 @@ GtkComboBox {
background-image: linear-gradient(to bottom, #232727, #2d3232);
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
border-color: #0f2b48; }
.titlebar.selection-mode .button.suggested-action:insensitive, GtkCalendar.selection-mode.header .button.suggested-action:insensitive,
.header-bar.selection-mode .button.suggested-action:insensitive {
@ -1545,7 +1545,7 @@ GtkTreeView.view.progressbar {
background-image: linear-gradient(to bottom, #232727, #2d3232);
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.notebook tab .button:backdrop {
color: rgba(201, 203, 201, 0.3);
border-color: transparent; }
@ -2683,7 +2683,7 @@ GtkCalendar {
background-image: linear-gradient(to bottom, #232727, #2d3232);
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.message-dialog.csd .dialog-action-area .button:insensitive {
border-style: solid;
color: #939695;
@ -2732,7 +2732,7 @@ GtkCalendar {
background-image: linear-gradient(to bottom, #194776, #1c5187);
text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop {
border-style: solid;
color: white;
@ -2781,7 +2781,7 @@ GtkCalendar {
background-image: linear-gradient(to bottom, #aa0d0d, #bd0e0e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop {
border-style: solid;
color: white;
@ -2915,7 +2915,7 @@ GtkInfoBar {
background-image: linear-gradient(to bottom, #194776, #1c5187);
text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.info .button:insensitive,
.question .button:insensitive,
.warning .button:insensitive,
@ -3089,7 +3089,7 @@ GtkCalendar.header .button.titlebutton {
background-image: linear-gradient(to bottom, #232727, #2d3232);
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); }
.header-bar .button.titlebutton:backdrop,
.titlebar .button.titlebutton:backdrop,
GtkCalendar.header .button.titlebutton:backdrop {

28
gtk/resources/theme/Adwaita/gtk-contained.css
View File

@ -294,7 +294,7 @@
background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white;
transition-duration: 50ms; }
.button:backdrop {
border-style: solid;
@ -419,7 +419,7 @@
background-image: linear-gradient(to bottom, #2b79cb, #3583d5);
text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; }
.button.suggested-action:backdrop {
border-style: solid;
color: white;
@ -469,7 +469,7 @@
background-image: linear-gradient(to bottom, #da1010, #ed1212);
text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; }
.button.destructive-action:backdrop {
border-style: solid;
color: white;
@ -558,7 +558,7 @@
background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.inline-toolbar GtkToolButton > .button:insensitive {
border-style: solid;
color: #8d9091;
@ -736,7 +736,7 @@ GtkColorButton.button {
background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover {
border-style: solid;
color: #2e3436;
@ -777,7 +777,7 @@ GtkColorButton.button {
background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; }
.spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover {
border-style: solid;
color: #2e3436;
@ -967,7 +967,7 @@ GtkComboBox {
background-image: linear-gradient(to bottom, #2b79cb, #3583d5);
text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.titlebar.selection-mode .button:insensitive, GtkCalendar.selection-mode.header .button:insensitive,
.header-bar.selection-mode .button:insensitive {
border-style: solid;
@ -1025,7 +1025,7 @@ GtkComboBox {
background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
border-color: #184472; }
.titlebar.selection-mode .button.suggested-action:insensitive, GtkCalendar.selection-mode.header .button.suggested-action:insensitive,
.header-bar.selection-mode .button.suggested-action:insensitive {
@ -1539,7 +1539,7 @@ GtkTreeView.view.progressbar {
background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.notebook tab .button:backdrop {
color: rgba(84, 89, 90, 0.3);
border-color: transparent; }
@ -2678,7 +2678,7 @@ GtkCalendar {
background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.message-dialog.csd .dialog-action-area .button:insensitive {
border-style: solid;
color: #8d9091;
@ -2727,7 +2727,7 @@ GtkCalendar {
background-image: linear-gradient(to bottom, #2b79cb, #3583d5);
text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop {
border-style: solid;
color: white;
@ -2776,7 +2776,7 @@ GtkCalendar {
background-image: linear-gradient(to bottom, #da1010, #ed1212);
text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop {
border-style: solid;
color: white;
@ -2910,7 +2910,7 @@ GtkInfoBar {
background-image: linear-gradient(to bottom, #2b79cb, #3583d5);
text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
.info .button:insensitive,
.question .button:insensitive,
.warning .button:insensitive,
@ -3084,7 +3084,7 @@ GtkCalendar.header .button.titlebutton {
background-image: linear-gradient(to bottom, #d6d6d6, #e0e0e0);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; }
box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; }
.header-bar .button.titlebutton:backdrop,
.titlebar .button.titlebutton:backdrop,
GtkCalendar.header .button.titlebutton:backdrop {