From f1a92738441c125cc9a1885d21a4110db7ae7888 Mon Sep 17 00:00:00 2001 From: Lapo Calamandrei Date: Fri, 8 Aug 2014 10:11:11 +0200 Subject: [PATCH] Adwaita: pushed button shadows tweakings --- gtk/resources/theme/Adwaita/_drawing.scss | 4 ++- .../theme/Adwaita/gtk-contained-dark.css | 28 +++++++++---------- gtk/resources/theme/Adwaita/gtk-contained.css | 28 +++++++++---------- 3 files changed, 31 insertions(+), 29 deletions(-) diff --git a/gtk/resources/theme/Adwaita/_drawing.scss b/gtk/resources/theme/Adwaita/_drawing.scss index d2829661bb..e3ced72e50 100644 --- a/gtk/resources/theme/Adwaita/_drawing.scss +++ b/gtk/resources/theme/Adwaita/_drawing.scss @@ -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 { // diff --git a/gtk/resources/theme/Adwaita/gtk-contained-dark.css b/gtk/resources/theme/Adwaita/gtk-contained-dark.css index 98587fc085..9c224aeddc 100644 --- a/gtk/resources/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/resources/theme/Adwaita/gtk-contained-dark.css @@ -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 { diff --git a/gtk/resources/theme/Adwaita/gtk-contained.css b/gtk/resources/theme/Adwaita/gtk-contained.css index e16fd8040f..d86b062342 100644 --- a/gtk/resources/theme/Adwaita/gtk-contained.css +++ b/gtk/resources/theme/Adwaita/gtk-contained.css @@ -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 {