Merge lp:~l3on/ubuntu-themes/csd-fix-resize-and-shadow into lp:ubuntu-themes

[Leo Iannacone]

Fix resize and shadows in CSD GTK3 Windows.

- add some margin on windows-frame, which is used for CSD.
- export window_shadow colors from Unity to gtk-main, make them reusable in theme files

[lp:~l3on/ubuntu-themes/csd-fix-resize-and-shadow]

422. By Leo Iannacone on 2015-03-15

remove the padding on header-bar buttons

Unmerged revisions

422. By Leo Iannacone on 2015-03-15

remove the padding on header-bar buttons

421. By Leo Iannacone on 2015-03-15

Add support to resize and shadows in GTK3 CSD Windows - (LP: #1276177, LP: #1263317)

=== modified file 'Ambiance/gtk-3.0/apps/unity.css'
--- Ambiance/gtk-3.0/apps/unity.css	2015-01-27 21:18:36 +0000
+++ Ambiance/gtk-3.0/apps/unity.css	2015-03-15 21:16:37 +0000
@@ -6,9 +6,9 @@
 
     -UnityDecoration-shadow-offset-x: 1px;
     -UnityDecoration-shadow-offset-y: 5px;
-    -UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.75);
+    -UnityDecoration-active-shadow-color: @window_shadow;
     -UnityDecoration-active-shadow-radius: 30px;
-    -UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.3);
+    -UnityDecoration-inactive-shadow-color: @window_shadow_inactive;
     -UnityDecoration-inactive-shadow-radius: 25px;
 
     -UnityDecoration-glow-size: 10px;

=== added file 'Ambiance/gtk-3.0/csd.css'
--- Ambiance/gtk-3.0/csd.css	1970-01-01 00:00:00 +0000
+++ Ambiance/gtk-3.0/csd.css	2015-03-15 21:16:37 +0000
@@ -0,0 +1,18 @@
+/***************************
+ * Client Side Decorations *
+ ***************************/
+
+/**********************
+ * Resize and shadows *
+ *********************/
+.window-frame {
+    border-radius: 10px 10px 0 0;
+    box-shadow: 2px 10px 30px @window_shadow;
+
+    /* this is used for the resize cursor area */
+    margin: 10px;
+}
+
+.window-frame:backdrop {
+    box-shadow: 2px 10px 25px @window_shadow_inactive;
+}

=== modified file 'Ambiance/gtk-3.0/gtk-main.css'
--- Ambiance/gtk-3.0/gtk-main.css	2015-01-15 13:15:40 +0000
+++ Ambiance/gtk-3.0/gtk-main.css	2015-03-15 21:16:37 +0000
@@ -40,9 +40,14 @@
 
 @define-color shadow_color alpha(black, 0.5);
 
+/* window decoration colors */
+@define-color window_shadow rgba (0, 0, 0, 0.75);
+@define-color window_shadow_inactive rgba (0, 0, 0, 0.3);
+
 @import url("gtk-widgets-borders.css");
 @import url("gtk-widgets-assets.css");
 @import url("gtk-widgets.css");
+@import url("csd.css");
 @import url("apps/unity.css");
 @import url("apps/baobab.css");
 @import url("apps/gedit.css");

=== modified file 'Radiance/gtk-3.0/apps/unity.css'
--- Radiance/gtk-3.0/apps/unity.css	2015-01-27 21:18:36 +0000
+++ Radiance/gtk-3.0/apps/unity.css	2015-03-15 21:16:37 +0000
@@ -6,9 +6,9 @@
 
     -UnityDecoration-shadow-offset-x: 1px;
     -UnityDecoration-shadow-offset-y: 5px;
-    -UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.78);
+    -UnityDecoration-active-shadow-color: @window_shadow;
     -UnityDecoration-active-shadow-radius: 30px;
-    -UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.3);
+    -UnityDecoration-inactive-shadow-color: @window_shadow_backdrop;
     -UnityDecoration-inactive-shadow-radius: 25px;
 
     -UnityDecoration-glow-size: 10px;

=== added file 'Radiance/gtk-3.0/csd.css'
--- Radiance/gtk-3.0/csd.css	1970-01-01 00:00:00 +0000
+++ Radiance/gtk-3.0/csd.css	2015-03-15 21:16:37 +0000
@@ -0,0 +1,18 @@
+/***************************
+ * Client Side Decorations *
+ ***************************/
+
+/**********************
+ * Resize and shadows *
+ *********************/
+.window-frame {
+    border-radius: 10px 10px 0 0;
+    box-shadow: 2px 10px 30px @window_shadow;
+
+    /* this is used for the resize cursor area */
+    margin: 10px;
+}
+
+.window-frame:backdrop {
+    box-shadow: 2px 10px 25px @window_shadow_inactive;
+}

=== modified file 'Radiance/gtk-3.0/gtk-main.css'
--- Radiance/gtk-3.0/gtk-main.css	2015-01-27 20:47:49 +0000
+++ Radiance/gtk-3.0/gtk-main.css	2015-03-15 21:16:37 +0000
@@ -39,12 +39,17 @@
 
 @define-color shadow_color alpha(black, 0.5);
 
+/* window decoration colors */
+@define-color window_shadow rgba (0, 0, 0, 0.78);
+@define-color window_shadow_inactive rgba (0, 0, 0, 0.3);
+
 @import url("gtk-widgets-borders.css");
 @import url("gtk-widgets-borders-radiance.css");
 @import url("gtk-widgets-assets.css");
 @import url("gtk-widgets-assets-radiance.css");
 @import url("gtk-widgets.css");
 @import url("gtk-widgets-radiance.css");
+@import url("csd.css");
 @import url("apps/unity.css");
 @import url("apps/unity-greeter.css");
 @import url("apps/baobab.css");