[gnome-themes-standard/wip/sass] proper window frames using box shadows
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard/wip/sass] proper window frames using box shadows
- Date: Wed, 14 May 2014 14:12:12 +0000 (UTC)
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]