[gnome-themes-standard/wip/sass] softer shadows



commit 35548e8b9bbb04d83f66f26d1794785628063e5c
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Sat May 17 12:57:09 2014 +0200

    softer shadows

 themes/Adwaita/gtk-3.0/_common.scss      |    5 ++---
 themes/Adwaita/gtk-3.0/_drawing.scss     |    4 ++--
 themes/Adwaita/gtk-3.0/gtk-contained.css |   12 ++++++------
 3 files changed, 10 insertions(+), 11 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index 4d71714..0e8a8e1 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -488,9 +488,8 @@ GtkPopover {
 
 .notebook.header {
   background-color: darken($theme_bg_color,5%);
-  box-shadow: inset 0 3px transparentize(black, 0.9), 
-              inset 0 2px transparentize(black, 0.9), 
-              inset 0 1px transparentize(black, 0.9);
+  box-shadow: inset 0 6px 3px -5px transparentize(black,0.8); //I want just a top shadow 
+                                                              //so negative spread
   border-width: 0px;
 }
 
diff --git a/themes/Adwaita/gtk-3.0/_drawing.scss b/themes/Adwaita/gtk-3.0/_drawing.scss
index b6af836..7b2333a 100644
--- a/themes/Adwaita/gtk-3.0/_drawing.scss
+++ b/themes/Adwaita/gtk-3.0/_drawing.scss
@@ -62,7 +62,7 @@ $widget_bottom_hilight: 0 1px $borders_edge; //outer hilight "used" on
                                     darken($c,20%),
                                     darken($c,15%) 5%,
                                     darken($c,10%));
-  @include _button_box_shadow (inset 0 1px 2px transparentize(black,0.8),
+  @include _button_box_shadow (inset 0 2px 3px -1px transparentize(black,0.8),
                                //box shadow for the pushed effect
                                $widget_bottom_hilight);
   @include _button_borders($c);
@@ -86,7 +86,7 @@ $widget_bottom_hilight: 0 1px $borders_edge; //outer hilight "used" on
 @mixin button_insensitive_active ($c) {
   background-image: linear-gradient(to bottom, transparentize($c,0.5));
   @include _button_borders($c);
-  @include _button_box_shadow (inset 0 1px 2px transparentize(black,0.8),
+  @include _button_box_shadow (inset 0 2px 3px -1px transparentize(black,0.8),
                                $widget_bottom_hilight);
   @include _button_text_shadow(none);
 }
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index aff86cc..e866e37 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -190,7 +190,7 @@ GtkGrid:insensitive {
   .toolbar GtkComboBox .button:active,
   .spinbutton.vertical .button:active {
     background-image: linear-gradient(to bottom, #bababa, #c7c7c7 5%, lightgray);
-    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.05);
+    box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.05);
     border-width: 1px;
     border-style: solid;
     border-color: #a1a1a1;
@@ -245,7 +245,7 @@ GtkGrid:insensitive {
       border-width: 1px;
       border-style: solid;
       border-color: #a1a1a1;
-      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.05);
+      box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.05);
       text-shadow: none;
       icon-shadow: none; }
   .button:backdrop:insensitive,
@@ -283,7 +283,7 @@ GtkGrid:insensitive {
     .spinbutton.vertical .button.suggested-action:active,
     .spinbutton.vertical .button.suggested-action:hover:active {
       background-image: linear-gradient(to bottom, #386ca3, #3e78b6 5%, #4c85c2);
-      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.05);
+      box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.05);
       border-width: 1px;
       border-style: solid;
       border-color: #2b537d;
@@ -367,7 +367,7 @@ GtkGrid:insensitive {
     .spinbutton.vertical .button.destructive-action:active,
     .spinbutton.vertical .button.destructive-action:hover:active {
       background-image: linear-gradient(to bottom, #a60c0c, #bd0e0e 5%, #d51010);
-      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.05);
+      box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.05);
       border-width: 1px;
       border-style: solid;
       border-color: #760909;
@@ -581,7 +581,7 @@ GtkPopover {
 
 .notebook.header {
   background-color: #e0e0e0;
-  box-shadow: inset 0 3px rgba(0, 0, 0, 0.1), inset 0 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 6px 3px -5px rgba(0, 0, 0, 0.2);
   border-width: 0px; }
 
 .notebook.header.frame {
@@ -662,7 +662,7 @@ GtkPopover {
     icon-shadow: 0 1px white; }
   .button.titlebutton:active {
     background-image: linear-gradient(to bottom, #bababa, #c7c7c7 5%, lightgray);
-    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.05);
+    box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.05);
     border-width: 1px;
     border-style: solid;
     border-color: #a1a1a1;


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]