[gnome-themes-standard/wip/sass] proper window frames using box shadows



commit f5f337da1f8682f9b2d9cb83ccf27e8ce2dbd876
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed May 14 16:11:54 2014 +0200

    proper window frames using box shadows

 themes/Adwaita/gtk-3.0/_common.scss            |   29 +++++++++++++++++++++--
 themes/Adwaita/gtk-3.0/gtk-contained-dark.scss |    3 +-
 themes/Adwaita/gtk-3.0/gtk-contained.scss      |    2 +-
 3 files changed, 29 insertions(+), 5 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index 19f1bcd..0ad3992 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -209,7 +209,7 @@ GtkGrid:insensitive {
     @include button_backdrop($theme_bg_color);
     color: $insensitive_fg_color;
     &:active {
-      @include button_backdrop(darken($theme_bg_color, 20%));
+      @include button_backdrop(darken($theme_bg_color, 10%));
       box-shadow: none;
       border: 1px solid darken($theme_bg_color,30%);
       color: $theme_fg_color;
@@ -223,7 +223,8 @@ GtkGrid:insensitive {
   }
   
   /* Suggested and Destructive Action buttons */
-  @each $b_type, $b_color in (suggested-action, $theme_selected_bg_color), (destructive-action, 
$destructive_color) {
+  @each $b_type, $b_color in  (suggested-action, $theme_selected_bg_color), 
+                              (destructive-action, $destructive_color) {
     &.#{$b_type} {
       @include button_normal($b_color);
       color: $theme_base_color; 
@@ -316,7 +317,7 @@ GtkComboBox {
     border-width: 0 0 1px;
     border-style: solid;
     border-color: darken($theme_bg_color, 30%);
-    border-radius: 5px 5px 0 0;
+    border-radius: 7px 7px 0 0;
     
     background-color: transparent;
     background-image: linear-gradient(to bottom,
@@ -350,4 +351,26 @@ GtkComboBox {
   }
 }
 
+/***************
+ * WM Stuff    *
+ ***************/
+
+.window-frame {
+    border-radius: 7px 7px 0 0;
+    /* lamefun trick to get rounded borders regardless of CSD use */
+    border-width: 0px;    
+    box-shadow: 0 2px 10px 4px transparentize($wm_shadow, 0.4), 0 0 0 1px transparentize($wm_shadow,.5);
+
+    /* this is used for the resize cursor area */
+    margin: 10px;
+}
+
+.window-frame.tiled {
+    border-radius: 0;
+    background-color: $theme_bg_color;
+}
+
+.window-frame:backdrop {
+    box-shadow: 0 3px 6px 2px transparentize($wm_shadow, 0.4), 0 0 0 1px transparentize($wm_shadow,.5);
+}
 
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.scss b/themes/Adwaita/gtk-3.0/gtk-contained-dark.scss
index 8935def..9143614 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.scss
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.scss
@@ -8,12 +8,13 @@ $theme_selected_fg_color: lighten($theme_fg_color,10%);
 $theme_selected_bg_color: darken(#4a90d9,10%);
 $borders_edge: transparentize($theme_base_color,.4);
 $theme_shade: rgba(0,0,0,.2); //shadow seems to be a reserved word
-$wm_shade: 0 2px 4px rgba(0,0,0,.6);
+$wm_shadow: transparentize(black, 0.35);
 
 $link_color: lighten($theme_selected_bg_color,10%);
 $warning_color: #f57900;
 $error_color: #cc0000;
 $success_color: $theme_selected_bg_color;
+$destructive_color: darken(#ef2929,10%);
 
 $insensitive_fg_color: lighten($theme_fg_color, 10%);
 $insensitive_bg_color: transparent;
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.scss b/themes/Adwaita/gtk-3.0/gtk-contained.scss
index 0939a81..1d2c53d 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.scss
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.scss
@@ -14,7 +14,7 @@ $theme_selected_fg_color: #ffffff;
 $theme_selected_bg_color: #729fcf;
 $borders_edge: transparentize($theme_base_color,0.95);
 $theme_shade: rgba(0,0,0,.1); //shadow seems to be a reserved word
-$wm_shade: 0 2px 4px rgba(0,0,0,.5);
+$wm_shadow: transparentize(black, 0.25);
 
 $link_color: lighten($theme_selected_bg_color,10%);
 $warning_color: #f57900;


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