Merge lp:~larsu/ubuntu-themes/stop-using-unico into lp:ubuntu-themes

[Lars Karlitski]

Stop using the unico gtk engine

We still used it to draw backgrounds for focus rings. That wasn't really needed though, because the only widgets we did this on were labels inside check and radio buttons. These don't have a separate border or background anyway, so we can use those for drawing focus.

Stop using the unico gtk engine

We still used it to draw backgrounds for focus rings. That wasn't really needed though, because the only widgets we did this on were labels inside check and radio buttons. These don't have a separate border or background anyway, so we can use those for drawing focus.

[PS Jenkins bot (ps-jenkins)]

PASSED: Continuous integration, rev:411
http://jenkins.qa.ubuntu.com/job/ubuntu-themes-ci/88/
Executed test runs:
    SUCCESS: http://jenkins.qa.ubuntu.com/job/ubuntu-themes-vivid-amd64-ci/2
    SUCCESS: http://jenkins.qa.ubuntu.com/job/ubuntu-themes-vivid-armhf-ci/2
    SUCCESS: http://jenkins.qa.ubuntu.com/job/ubuntu-themes-vivid-i386-ci/2

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/ubuntu-themes-ci/88/rebuild

review: Approve (continuous-integration)

=== modified file 'Ambiance/gtk-3.0/apps/gnome-terminal.css'
--- Ambiance/gtk-3.0/apps/gnome-terminal.css	2011-08-10 18:33:27 +0000
+++ Ambiance/gtk-3.0/apps/gnome-terminal.css	2015-01-15 13:30:25 +0000
@@ -6,109 +6,3 @@
 
     color: #fff;
 }
-
-/*
-TerminalWindow,
-TerminalWindow.background {
-    background-color: @dark_bg_color;
-
-    color: @dark_fg_color;
-}
-*/
-/* notebook */
-/*
-TerminalWindow .notebook {
-    background-image: none;
-    background-color: shade (@dark_bg_color, 1.02);
-    border-radius: 3;
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
-                                           from (shade (@dark_bg_color, 0.93)),
-                                           to (shade (@dark_bg_color, 0.93)));
-    -unico-inner-stroke-width: 0;
-    -unico-outer-stroke-width: 0;
-}
-
-TerminalWindow .notebook tab {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@dark_bg_color, 0.92)),
-                                     color-stop (0.60, shade (@dark_bg_color, 0.9)),
-                                     to (shade (@dark_bg_color, 0.85)));                   
-    padding: 0;
-
-    color: @dark_fg_color;
-
-    -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 0.2);
-}
-
-TerminalWindow .notebook tab:active {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@dark_bg_color, 1.2)),
-                                     to (shade (@dark_bg_color, 1.12)));
-
-    -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 1.0);
-}
-
-TerminalWindow .notebook .button,
-TerminalWindow .notebook .button:active  {
-    background-image: -gtk-gradient (linear, left top, right top,
-                                    from (shade (@dark_bg_color, 1.08)),
-                                    to (shade (@dark_bg_color, 0.92)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
-                                           from (shade (@dark_bg_color, 0.9)),
-                                           to (shade (@dark_bg_color, 0.9)));                                          
-    -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 0.7);
-    -unico-outer-stroke-style: none;
-}
-*/
-/* Scrollbars */
-/*
-TerminalWindow .scrollbar {
-    border-radius:  20;
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@dark_bg_color, 0.74)),
-                                           to (shade (@dark_bg_color, 0.74)));
-}
-
-TerminalWindow .scrollbar.trough {
-    background-image: -gtk-gradient (linear, left top, right top,
-                                    from (shade (@dark_bg_color, 0.9)),
-                                    to (shade (@dark_bg_color, 0.95)));
-}
-
-TerminalWindow .scrollbar.trough.horizontal {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                    from (shade (@dark_bg_color, 0.9)),
-                                    to (shade (@dark_bg_color, 0.95)));
-}
-
-TerminalWindow .scrollbar.slider,
-TerminalWindow .scrollbar.slider:prelight,
-TerminalWindow .scrollbar.button,
-TerminalWindow .scrollbar.button:insensitive {                     
-    background-image: -gtk-gradient (linear, left top, right top,
-                                    from (shade (@dark_bg_color, 1.08)),
-                                    to (shade (@dark_bg_color, 0.92)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
-                                           from (shade (@dark_bg_color, 0.74)),
-                                           to (shade (@dark_bg_color, 0.74)));                                          
-    -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 0.7);
-}
-
-TerminalWindow .scrollbar.slider.horizontal,
-TerminalWindow .scrollbar.slider.horizontal:prelight,
-TerminalWindow .scrollbar.button.horizontal,
-TerminalWindow .scrollbar.button:insensitive {                                   
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                    from (shade (@dark_bg_color, 1.08)),
-                                    to (shade (@dark_bg_color, 0.92)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@dark_bg_color, 0.74)),
-                                           to (shade (@dark_bg_color, 0.74)));                                   
-    -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 0.7);
-}
-*/

=== modified file 'Ambiance/gtk-3.0/apps/unity-greeter.css'
--- Ambiance/gtk-3.0/apps/unity-greeter.css	2013-02-01 18:14:58 +0000
+++ Ambiance/gtk-3.0/apps/unity-greeter.css	2015-01-15 13:30:25 +0000
@@ -57,7 +57,6 @@
 
 .lightdm.button:focused,
 .lightdm.entry:focused {
-    -unico-focus-border-color: alpha (white, 0.9);
     border-color: alpha (white, 0.9);
     border-width: 1px;
     border-style: solid;

=== modified file 'Ambiance/gtk-3.0/gtk-main.css'
--- Ambiance/gtk-3.0/gtk-main.css	2014-10-13 14:58:41 +0000
+++ Ambiance/gtk-3.0/gtk-main.css	2015-01-15 13:30:25 +0000
@@ -35,6 +35,9 @@
 @define-color backdrop_selected_bg_color shade (@bg_color, 0.92);
 @define-color backdrop_selected_fg_color @fg_color;
 
+@define-color focus_color alpha (@selected_bg_color, 0.5);
+@define-color focus_bg_color alpha (@selected_bg_color, 0.1);
+
 @define-color shadow_color alpha(black, 0.5);
 
 @import url("gtk-widgets-borders.css");

=== modified file 'Ambiance/gtk-3.0/gtk-widgets.css'
--- Ambiance/gtk-3.0/gtk-widgets.css	2014-12-17 15:12:16 +0000
+++ Ambiance/gtk-3.0/gtk-widgets.css	2015-01-15 13:30:25 +0000
@@ -43,8 +43,6 @@
     -GtkWidget-separator-width: 2;
     -GtkWidget-separator-height: 2;
     -GtkWidget-wide-separators: true;
-    -GtkWidget-focus-padding: 0;
-    -GtkWidget-focus-line-width: 1px;
     -GtkWidget-link-color: @link_color;
     -GtkWidget-visited-link-color: @link_color;
     -GtkWindow-decoration-button-layout: "close:";
@@ -54,14 +52,6 @@
 
     background-origin: border-box;
     background-clip: padding-box;
-
-    engine: unico;
-
-    /* To avoid using custom attributes, unico looks at the outline attributes
-     * to find out how to render the focus ring.
-     */
-    outline-color: alpha (@selected_bg_color, 0.5);
-    outline-offset: 5px;
 }
 
 .background {
@@ -115,8 +105,6 @@
  * button *
  **********/
 .button {
-    -GtkWidget-focus-line-width: 0;
-
     padding: 5px 6px;
 
     background-image: -gtk-gradient (linear, left top, left bottom,
@@ -320,7 +308,6 @@
  ****************/
 .cell {
     -GtkCheckButton-indicator-size: 16;
-    -GtkWidget-focus-line-width: 0;
 
     background-color: @base_color;
     border-radius: 0;
@@ -363,6 +350,23 @@
     background-color: transparent;
 }
 
+/* Draw a focus ring around the contained label ... */
+GtkCheckButton.text-button GtkLabel {
+    border: 1px solid transparent;
+    border-radius: 5px;
+}
+
+GtkCheckButton.text-button:focus GtkLabel {
+    border-color: @focus_color;
+    background-color: @focus_bg_color;
+}
+
+/* ... unless it's a proper button, which already has a focus-colored border */
+.button.text-button:focus GtkLabel {
+    border: none;
+    background: none;
+}
+
 .menu .radio * {
     box-shadow: none;
 }
@@ -482,8 +486,6 @@
  * entry *
  *********/
 .entry {
-    -GtkWidget-focus-line-width: 0;
-
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@base_color, 0.96)),
                                      to (@base_color));
@@ -1003,6 +1005,17 @@
     border-image-width: 0 1px;
 }
 
+/* Draw a focus ring around labels in tabs */
+.notebook tab GtkLabel {
+    border: 1px solid transparent;
+    border-radius: 5px;
+}
+
+.notebook:focus tab GtkLabel.active-page {
+    border-color: @focus_color;
+    background-color: @focus_bg_color;
+}
+
 .notebook GtkDrawingArea {
         background-color: shade (@bg_color, 1.02);
 }
@@ -1173,7 +1186,6 @@
     -GtkRange-slider-width: 18;
     -GtkRange-trough-border: 0;
     -GtkScale-slider-length: 14;
-    -GtkWidget-focus-line-width: 0;
 }
 
 GtkScale.vertical {
@@ -1581,6 +1593,12 @@
     text-shadow: 0 1px shade (@selected_bg_color, 0.7);
 }
 
+GtkSwitch:focus {
+    outline: 2px solid @focus_color;
+    outline-offset: -2px;
+    outline-radius: 6px;
+}
+
 /* XXX temporary */
 GtkSwitch.trough:backdrop,
 GtkSwitch.trough:insensitive {

=== modified file 'Radiance/gtk-3.0/gtk-main.css'
--- Radiance/gtk-3.0/gtk-main.css	2014-10-13 14:58:41 +0000
+++ Radiance/gtk-3.0/gtk-main.css	2015-01-15 13:30:25 +0000
@@ -34,6 +34,9 @@
 @define-color backdrop_selected_bg_color shade (@bg_color, 0.92);
 @define-color backdrop_selected_fg_color @fg_color;
 
+@define-color focus_color alpha (@selected_bg_color, 0.5);
+@define-color focus_bg_color alpha (@selected_bg_color, 0.1);
+
 @define-color shadow_color alpha(black, 0.5);
 
 @import url("gtk-widgets-borders.css");

=== removed file 'Radiance/gtk-3.0/gtk-widgets-backdrop.css'
--- Radiance/gtk-3.0/gtk-widgets-backdrop.css	2013-11-11 12:28:29 +0000
+++ Radiance/gtk-3.0/gtk-widgets-backdrop.css	1970-01-01 00:00:00 +0000
@@ -1,1338 +0,0 @@
-/* NOTES to contributors:
- * use 4 spaces intends, and keep code ALIGNED and ORDERED */
-
-GtkWindow:backdrop {
-    color: mix (@fg_color, @bg_color, 0.17);
-}
-
-* {
-    /* inherit the color from parent by default */
-    color: inherit;
-    background-color: @bg_color;
-}
-
-/******************
- * common effects *
- ******************/
-/* border and inner stroke */
-.frame:backdrop,
-.notebook:backdrop {
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@bg_color, 0.86)),
-                                           to (shade (@bg_color, 0.82)));
-}
-
-.notebook tab:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 0.99)),
-                                     color-stop (0.80, shade (@bg_color, 0.97)),
-                                     to (shade (@bg_color, 0.94)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@bg_color, 0.9)),
-                                           to (shade (@bg_color, 0.87)));
-    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3);
-}
-
-.notebook tab:active:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 1.1)),
-                                     to (shade (@bg_color, 1.01)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@bg_color, 0.92)),
-                                           to (shade (@bg_color, 0.86)));
-}
-
-/**********
- * button *
- **********/
-GtkComboBox:backdrop,
-.button:backdrop,
-GtkComboBox.combobox-entry .button:backdrop,
-GtkScale.slider:backdrop,
-GtkScale.slider.vertical:backdrop,
-.notebook .button:backdrop,
-.inline-toolbar.toolbar .button:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 1.03)),
-                                     to (shade (@bg_color, 0.97)));
-    border-top-color: shade (@bg_color, 0.86);
-    border-right-color: shade (@bg_color, 0.82);
-    border-bottom-color: shade (@bg_color, 0.76);
-    border-left-color: shade (@bg_color, 0.82);
-
-    color: mix (@fg_color, @bg_color, 0.2);
-    text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.16);
-
-    -unico-border-gradient: none;
-    -unico-glow-radius: 0;
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@bg_color, 1.05)),
-                                                 to (shade (@bg_color, 0.985)));
-}
-
-.button:hover:backdrop,
-GtkComboBox.combobox-entry .button:hover:backdrop,
-GtkScale.slider:hover:backdrop,
-GtkScale.slider.vertical:hover:backdrop,
-.notebook .button:hover:backdrop,
-.inline-toolbar.toolbar .button:hover:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 1.16)),
-                                     to (shade (@bg_color, 0.95)));
-    border-top-color: shade (@bg_color, 0.85);
-    border-right-color: shade (@bg_color, 0.82);
-    border-bottom-color: shade (@bg_color, 0.67);
-    border-left-color: shade (@bg_color, 0.82);
-
-    -unico-border-gradient: none;
-    -unico-glow-color: shade (@bg_color, 1.07);
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@bg_color, 1.21)),
-                                                 to (shade (@bg_color, 1.02)));
-}
-
-.button:active:backdrop,
-GtkComboBox.combobox-entry .button:active:backdrop,
-.notebook .button:active:backdrop,
-.inline-toolbar.toolbar .button:active:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 0.9)),
-                                     to (shade (@bg_color, 0.95)));
-    border-top-color: shade (@bg_color, 0.62);
-    border-right-color: shade (@bg_color, 0.72);
-    border-bottom-color: shade (@bg_color, 0.76);
-    border-left-color: shade (@bg_color, 0.72);
-
-    -unico-border-gradient: none;
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@bg_color, 0.85)),
-                                                 to (shade (@bg_color, 0.9)));
-}
-
-.button:active:hover:backdrop,
-GtkComboBox.combobox-entry .button:active:hover:backdrop,
-.notebook .button:active:hover:backdrop,
-.inline-toolbar.toolbar .button:active:hover:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 0.95)),
-                                     to (shade (@bg_color, 1.0)));
-    border-top-color: shade (@bg_color, 0.64);
-    border-right-color: shade (@bg_color, 0.74);
-    border-bottom-color: shade (@bg_color, 0.79);
-    border-left-color: shade (@bg_color, 0.74);
-
-    -unico-border-gradient: none;
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@bg_color, 0.93)),
-                                                 to (shade (@bg_color, 0.94)));
-}
-
-.button:insensitive:backdrop,
-GtkComboBox.combobox-entry .button:insensitive:backdrop,
-.notebook .button:insensitive:backdrop,
-.inline-toolbar.toolbar .button:insensitive:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 1.06)),
-                                     to (shade (@bg_color, 0.98)));
-    border-top-color: shade (@bg_color, 0.86);
-    border-right-color: shade (@bg_color, 0.86);
-    border-bottom-color: shade (@bg_color, 0.86);
-    border-left-color: shade (@bg_color, 0.9);
-
-    -unico-border-gradient: none;
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@bg_color, 1.1)),
-                                                 to (shade (@bg_color, 1.0)));
-}
-
-/* default button */
-.button.default:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (mix (shade (@backdrop_selected_bg_color, 1.16), @bg_color, 0.3)),
-                                     to (mix (shade (@backdrop_selected_bg_color, 0.84), @bg_color, 0.3)));
-
-    text-shadow: 0 1px alpha (shade (@backdrop_selected_bg_color, 1.26), 0.4);
-
-    -unico-focus-border-color: @transparent;
-    -unico-focus-outer-stroke-color: alpha (@backdrop_selected_bg_color, 0.2);
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (mix (shade (@backdrop_selected_bg_color, 0.8), @bg_color, 0.3)),
-                                           to (mix (shade (@backdrop_selected_bg_color, 0.64), @bg_color, 0.3)));
-    -unico-glow-radius: 0;
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (mix (shade (@backdrop_selected_bg_color, 1.26), @bg_color, 0.3)),
-                                                 to (mix (shade (@backdrop_selected_bg_color, 0.9), @bg_color, 0.3)));
-}
-
-.button.default:hover:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (mix (shade (@backdrop_selected_bg_color, 1.21), @bg_color, 0.3)),
-                                     to (mix (shade (@backdrop_selected_bg_color, 0.89), @bg_color, 0.3)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (mix (shade (@backdrop_selected_bg_color, 0.83), @bg_color, 0.3)),
-                                           to (mix (shade (@backdrop_selected_bg_color, 0.67), @bg_color, 0.3)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (mix (shade (@backdrop_selected_bg_color, 1.3), @bg_color, 0.3)),
-                                                 to (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)));
-}
-
-.button.default:active:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)),
-                                     to (mix (shade (@backdrop_selected_bg_color, 1.05), @bg_color, 0.3)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)),
-                                           to (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (mix (shade (@backdrop_selected_bg_color, 0.9), @bg_color, 0.3)),
-                                                 to (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3)));
-}
-
-.button.default:active:hover:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3)),
-                                     to (mix (shade (@backdrop_selected_bg_color, 1.1), @bg_color, 0.3)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)),
-                                           to (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)),
-                                                 to (mix (shade (@backdrop_selected_bg_color, 1.05), @bg_color, 0.3)));
-}
-
-.button.default:insensitive:backdrop {
-    -unico-glow-radius: 0;
-}
-
-/* Middle button */
-.linked .entry:backdrop,
-.linked .button:backdrop,
-.linked .button:active:backdrop,
-.linked .button:active:hover:backdrop,
-.linked .button:insensitive:backdrop,
-.primary-toolbar .linked .entry:backdrop,
-.primary-toolbar .linked .button:backdrop,
-.primary-toolbar .linked .button:active:backdrop,
-.primary-toolbar .linked .button:active:hover:backdrop,
-.primary-toolbar .linked .button:insensitive:backdrop,
-.menubar.toolbar .linked .entry:backdrop,
-.menubar.toolbar .linked .button:backdrop,
-.menubar.toolbar .linked .button:active:backdrop,
-.menubar.toolbar .linked .button:active:hover:backdrop,
-.menubar.toolbar .linked .button:insensitive:backdrop,
-.header-bar .linked .entry:backdrop,
-.header-bar .linked .button:backdrop,
-.header-bar .linked .button:active:backdrop,
-.header-bar .linked .button:active:hover:backdrop,
-.header-bar .linked .button:insensitive:backdrop {
-    border-width: 1px;
-    border-right-width: 0;
-
-    border-radius: 0;
-
-    -unico-outer-stroke-width: 1px 0 1px 0;
-}
-
-/* Leftmost button */
-.linked .entry:first-child:backdrop,
-.linked .button:first-child:backdrop,
-.linked .button:active:first-child:backdrop,
-.linked .button:active:hover:first-child:backdrop,
-.linked .button:insensitive:first-child:backdrop,
-.primary-toolbar .linked .entry:first-child:backdrop,
-.primary-toolbar .linked .button:first-child:backdrop,
-.primary-toolbar .linked .button:active:first-child:backdrop,
-.primary-toolbar .linked .button:active:hover:first-child:backdrop,
-.primary-toolbar .linked .button:insensitive:first-child:backdrop,
-.menubar.toolbar .linked .entry:first-child:backdrop,
-.menubar.toolbar .linked .button:first-child:backdrop,
-.menubar.toolbar .linked .button:active:first-child:backdrop,
-.menubar.toolbar .linked .button:active:hover:first-child:backdrop,
-.menubar.toolbar .linked .button:insensitive:first-child:backdrop,
-.header-bar .linked .entry:first-child:backdrop,
-.header-bar .linked .button:first-child:backdrop,
-.header-bar .linked .button:active:first-child:backdrop,
-.header-bar .linked .button:active:hover:first-child:backdrop,
-.header-bar .linked .button:insensitive:first-child:backdrop {
-    border-width: 1px;
-    border-right-width: 0;
-
-    border-radius: 3px;
-    border-bottom-right-radius: 0;
-    border-top-right-radius: 0;
-
-    -unico-outer-stroke-width: 1px 0 1px 1px;
-}
-
-/* Rightmost button */
-.linked .entry:last-child:backdrop,
-.linked .button:last-child:backdrop,
-.linked .button:active:last-child:backdrop,
-.linked .button:active:hover:last-child:backdrop,
-.linked .button:insensitive:last-child:backdrop,
-.primary-toolbar .linked .entry:last-child:backdrop,
-.primary-toolbar .linked .button:last-child:backdrop,
-.primary-toolbar .linked .button:active:last-child:backdrop,
-.primary-toolbar .linked .button:active:hover:last-child:backdrop,
-.primary-toolbar .linked .button:insensitive:last-child:backdrop,
-.menubar.toolbar .linked .entry:last-child:backdrop,
-.menubar.toolbar .linked .button:last-child:backdrop,
-.menubar.toolbar .linked .button:active:last-child:backdrop,
-.menubar.toolbar .linked .button:active:hover:last-child:backdrop,
-.menubar.toolbar .linked .button:insensitive:last-child:backdrop,
-.header-bar .linked .entry:last-child:backdrop,
-.header-bar .linked .button:last-child:backdrop,
-.header-bar .linked .button:active:last-child:backdrop,
-.header-bar .linked .button:active:hover:last-child:backdrop,
-.header-bar .linked .button:insensitive:last-child:backdrop {
-    border-width: 1px;
-
-    border-radius: 3px;
-    border-bottom-left-radius: 0;
-    border-top-left-radius: 0;
-
-    -unico-outer-stroke-width: 1px 1px 1px 0;
-}
-
-/* Linked single button */
-.linked .entry:only-child:backdrop,
-.linked .button:only-child:backdrop,
-.linked .button:active:only-child:backdrop,
-.linked .button:active:hover:only-child:backdrop,
-.linked .button:insensitive:only-child:backdrop,
-.primary-toolbar .linked .entry:only-child:backdrop,
-.primary-toolbar .linked .button:only-child:backdrop,
-.primary-toolbar .linked .button:active:only-child:backdrop,
-.primary-toolbar .linked .button:active:hover:only-child:backdrop,
-.primary-toolbar .linked .button:insensitive:only-child:backdrop,
-.menubar.toolbar .linked .entry:only-child:backdrop,
-.menubar.toolbar .linked .button:only-child:backdrop,
-.menubar.toolbar .linked .button:active:only-child:backdrop,
-.menubar.toolbar .linked .button:active:hover:only-child:backdrop,
-.menubar.toolbar .linked .button:insensitive:only-child:backdrop,
-.header-bar .linked .entry:only-child:backdrop,
-.header-bar .linked .button:only-child:backdrop,
-.header-bar .linked .button:active:only-child:backdrop,
-.header-bar .linked .button:active:hover:only-child:backdrop,
-.header-bar .linked .button:insensitive:only-child:backdrop {
-    border-width: 1px;
-
-    border-radius: 3px;
-
-    -unico-outer-stroke-width: 1px;
-}
-
-/****************
- * cell and row *
- ****************/
-.cell:backdrop {
-    background-color: mix (@base_color, @bg_color, 0.4);
-    border-radius: 0;
-    border-width: 0;
-}
-
-row:selected:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@backdrop_selected_bg_color, 1.06)),
-                                     to (shade (@backdrop_selected_bg_color, 1.0)));
-    border-top-color: shade (@backdrop_selected_bg_color, 0.98);
-    border-style: solid;
-    border-width: 1px 0 0 0;
-
-    color: @backdrop_selected_fg_color;
-}
-
-/*******************
- * check and radio *
- *******************/
-.check row:selected:backdrop,
-.radio row:selected:backdrop,
-.check:backdrop,
-.check row:backdrop,
-.radio:backdrop,
-.radio row:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (mix (shade (@base_color, 0.98), @bg_color, 0.4)),
-                                     to (mix (@base_color, @bg_color, 0.4)));
-    border-top-color: shade (@bg_color, 0.72);
-    border-right-color: shade (@bg_color, 0.82);
-    border-bottom-color: shade (@bg_color, 0.88);
-    border-left-color: shade (@bg_color, 0.82);
-    border-style: solid;
-    border-width: 1px;
-
-    color: mix (@fg_color, @base_color, 0.2);
-
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (alpha (shade (@bg_color, 0.05), 0.02)),
-                                                 to (alpha (shade (@bg_color, 0.05), 0.01)));
-}
-
-.check:backdrop,
-.check row:backdrop {
-    border-radius: 3px;
-}
-
-.radio:backdrop,
-.radio row:backdrop {
-    border-radius: 10px;
-}
-
-/* FIXME (Cimi) this is horrible */
-.check:active:backdrop,
-.check row:selected:active:backdrop,
-.check row:selected:focused:active:backdrop,
-.notebook .check:active:backdrop,
-.notebook .radio:active:backdrop,
-.radio:active:backdrop,
-.radio row:selected:active:backdrop,
-.radio row:selected:focused:active:backdrop,
-.check:inconsistent:backdrop,
-.check row:selected:inconsistent:backdrop,
-.check row:selected:focused:inconsistent:backdrop,
-.notebook .check:inconsistent:backdrop,
-.notebook .radio:inconsistent:backdrop,
-.radio:inconsistent:backdrop,
-.radio row:selected:inconsistent:backdrop,
-.radio row:selected:focused:inconsistent:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@backdrop_selected_bg_color, 1.06)),
-                                     to (shade (@backdrop_selected_bg_color, 0.94)));
-
-    -unico-bullet-color: shade (@backdrop_selected_bg_color, 0.54);
-    -unico-bullet-outline-color: shade (@backdrop_selected_bg_color, 1.12);
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@backdrop_selected_bg_color, 0.78)),
-                                           to (shade (@backdrop_selected_bg_color, 0.74)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@backdrop_selected_bg_color, 1.08)),
-                                                 to (shade (@backdrop_selected_bg_color, 0.96)));
-    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (alpha (shade (@bg_color, 0.05), 0.01)),
-                                                 to (alpha (shade (@bg_color, 0.05), 0.03)));
-    -unico-outer-stroke-width: 1px;
-}
-
-/* FIXME (Cimi) this is horrible */
-.check:active:hover:backdrop,
-.check row:selected:active:hover:backdrop,
-.check row:selected:focused:active:hover:backdrop,
-.notebook .check:active:hover:backdrop,
-.notebook .radio:active:hover:backdrop,
-.radio:active:hover:backdrop,
-.radio row:selected:active:hover:backdrop,
-.radio row:selected:focused:active:hover:backdrop
-.check:active:hover:inconsistent:backdrop,
-.check row:selected:active:hover:inconsistent:backdrop,
-.check row:selected:focused:active:hover:inconsistent:backdrop,
-.notebook .check:active:hover:inconsistent:backdrop,
-.notebook .radio:active:hover:inconsistent:backdrop,
-.radio:active:hover:inconsistent:backdrop,
-.radio row:selected:active:hover:inconsistent:backdrop,
-.radio row:selected:focused:active:hover:inconsistent:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@backdrop_selected_bg_color, 1.1)),
-                                     to (shade (@backdrop_selected_bg_color, 0.98)));
-
-    -unico-bullet-color: shade (@backdrop_selected_bg_color, 0.54);
-    -unico-bullet-outline-color: shade (@backdrop_selected_bg_color, 1.14);
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@backdrop_selected_bg_color, 0.8)),
-                                           to (shade (@backdrop_selected_bg_color, 0.76)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@backdrop_selected_bg_color, 1.12)),
-                                                 to (shade (@backdrop_selected_bg_color, 1.0)));
-}
-
-.check:insensitive:backdrop,
-.radio:insensitive:backdrop {
-    background-color: shade (@bg_color, 0.98);
-    background-image: none;
-
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (alpha (shade (@bg_color, 0.05), 0.02)),
-                                                 to (alpha (shade (@bg_color, 0.05), 0.01)));
-}
-
-.check:insensitive:active:backdrop,
-.radio:insensitive:active:backdrop,
-.check:insensitive:inconsistent:backdrop,
-.radio:insensitive:inconsistent:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 1.0)),
-                                     to (shade (@bg_color, 0.94)));
-
-    -unico-bullet-color: shade (@bg_color, 0.7);
-    -unico-bullet-outline-color: shade (@bg_color, 1.0);
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@bg_color, 0.86)),
-                                           to (shade (@bg_color, 0.8)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@bg_color, 1.02)),
-                                                 to (shade (@bg_color, 0.96)));
-}
-
-/*****************
- * column-header *
- *****************/
-column-header .button:backdrop,
-column-header .button:active:backdrop,
-.notebook column-header .button:backdrop,
-.notebook column-header .button:active:backdrop {
-    border-radius: 0;
-    border-width: 0 1px 1px 0;
-
-    -unico-glow-radius: 0;
-    -unico-outer-stroke-width: 0;
-}
-
-column-header .button:backdrop,
-.notebook column-header .button:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 1.04)),
-                                     to (shade (@bg_color, 0.98)));
-
-    text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.4);
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@bg_color, 0.88)),
-                                           to (shade (@bg_color, 0.84)));
-    -unico-glow-color: shade (@bg_color, 1.02);
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@bg_color, 1.07)),
-                                                 to (shade (@bg_color, 1.01)));
-}
-
-column-header .button:hover:backdrop,
-.notebook column-header .button:hover:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 1.06)),
-                                     to (shade (@bg_color, 1.0)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@bg_color, 0.9)),
-                                           to (shade (@bg_color, 0.86)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@bg_color, 1.09)),
-                                                 to (shade (@bg_color, 1.03)));
-}
-
-column-header:nth-child(last) .button:backdrop {
-    border-width: 0 0 1px 0;
-}
-
-/******************
- * combobox entry *
- ******************/
-GtkComboBox.combobox-entry .button:backdrop,
-GtkComboBox.combobox-entry .button:hover:backdrop,
-GtkComboBox.combobox-entry .button:active:backdrop,
-GtkComboBox.combobox-entry .button:insensitive:backdrop {
-    border-top-color: shade (@bg_color, 0.64);
-    border-right-color: shade (@bg_color, 0.8);
-    border-bottom-color: shade (@bg_color, 0.86);
-    border-left-color: shade (@bg_color, 0.76);
-}
-
-/*********
- * entry *
- *********/
-.entry:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (mix (shade (@base_color, 0.98), @bg_color, 0.4)),
-                                     to (mix (@base_color, @bg_color, 0.4)));
-    border-top-color: shade (@bg_color, 0.72);
-    border-right-color: shade (@bg_color, 0.82);
-    border-bottom-color: shade (@bg_color, 0.88);
-    border-left-color: shade (@bg_color, 0.82);
-
-    color: mix (@fg_color, @base_color, 0.2);
-
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (alpha (shade (@bg_color, 0.05), 0.02)),
-                                                 to (alpha (shade (@bg_color, 0.05), 0.01)));
-}
-
-.entry:selected:backdrop,
-.entry:selected:focused:backdrop {
-    background-color: @backdrop_selected_bg_color;
-
-    color: @backdrop_selected_fg_color;
-}
-
-.entry:focused:backdrop {
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@backdrop_selected_bg_color, 0.75)),
-                                           to (shade (@backdrop_selected_bg_color, 0.8)));
-    -unico-inner-stroke-color: alpha (@backdrop_selected_bg_color, 0.3);
-    -unico-inner-stroke-gradient: none;
-}
-
-.entry:insensitive:backdrop {
-    background-color: shade (@bg_color, 0.98);
-    background-image: none;
-
-    color: mix (@text_color, @base_color, 0.5);
-
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (alpha (shade (@bg_color, 0.05), 0.02)),
-                                                 to (alpha (shade (@bg_color, 0.05), 0.01)));
-}
-
-/************
- * expander *
- ************/
-.expander:backdrop {
-}
-
-/*********
- * frame *
- *********/
-.frame:backdrop {
-}
-
-/************
- * iconview *
- ************/
-GtkIconView.view.cell:selected:backdrop,
-GtkIconView.view.cell:selected:focused:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@backdrop_selected_bg_color, 1.0)),
-                                     to (shade (@backdrop_selected_bg_color, 0.9)));
-    border-radius: 4px;
-    border-style: solid;
-    border-width: 1px;
-
-    color: @backdrop_selected_fg_color;
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@backdrop_selected_bg_color, 0.7)),
-                                           to (shade (@backdrop_selected_bg_color, 0.7)));
-    -unico-glow-radius: 8;
-    -unico-glow-color: shade (@backdrop_selected_bg_color, 1.3);
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@backdrop_selected_bg_color, 1.2)),
-                                                 to (shade (@backdrop_selected_bg_color, 1.08)));
-    -unico-inner-stroke-width: 1px;
-}
-
-.rubberband:backdrop {
-    background-color: alpha (@backdrop_selected_bg_color, 0.35);
-    border-color: @backdrop_selected_bg_color;
-    border-radius: 0;
-    border-style: solid;
-    border-width: 1px;
-}
-
-/***********
- * infobar *
- ***********/
-.info:backdrop {
-}
-
-.warning:backdrop {
-}
-
-.question:backdrop {
-}
-
-.error:backdrop {
-}
-
-/***********
- * menubar *
- ***********/
-.menubar:backdrop,
-.menubar .menuitem:backdrop {
-    color: shade (#a39e9a, 0.86); /* metacity unfocused color */
-}
-
-/************
- * notebook *
- ************/
-.notebook:backdrop {
-    background-color: shade (@bg_color, 1.01);
-}
-
-/*************************
- * progressbar and scale *
- *************************/
-.scale.highlight.left:backdrop,
-.progressbar:backdrop,
-.progressbar row:backdrop,
-.progressbar row:hover:backdrop,
-.progressbar row:selected:backdrop,
-.progressbar row:selected:focused:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@backdrop_selected_bg_color, 1.05)),
-                                     to (shade (@backdrop_selected_bg_color, 0.95)));
-    border-width: 1px;
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@backdrop_selected_bg_color, 0.8)),
-                                           to (shade (@backdrop_selected_bg_color, 0.8)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@backdrop_selected_bg_color, 1.07)),
-                                                 to (shade (@backdrop_selected_bg_color, 0.965)));
-    -unico-outer-stroke-color: @transparent;
-    -unico-outer-stroke-gradient: none;
-    -unico-outer-stroke-width: 0;
-}
-
-.scale.highlight.bottom:backdrop,
-.progressbar.vertical:backdrop {
-    background-image: -gtk-gradient (linear, left top, right top,
-                                    from (shade (@backdrop_selected_bg_color, 1.05)),
-                                    to (shade (@backdrop_selected_bg_color, 0.95)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
-                                           from (shade (@backdrop_selected_bg_color, 0.86)),
-                                           to (shade (@backdrop_selected_bg_color, 0.86)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
-                                                 from (shade (@backdrop_selected_bg_color, 1.07)),
-                                                 to (shade (@backdrop_selected_bg_color, 0.965)));
-}
-
-.scale.highlight.left:insensitive:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 0.98)),
-                                     to (shade (@bg_color, 0.88)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@bg_color, 0.82)),
-                                           to (shade (@bg_color, 0.82)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@bg_color, 1.0)),
-                                                 to (shade (@bg_color, 0.90)));
-}
-
-.scale.highlight.bottom:insensitive:backdrop {
-    background-image: -gtk-gradient (linear, left top, right top,
-                                     from (shade (@bg_color, 0.98)),
-                                     to (shade (@bg_color, 0.88)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
-                                           from (shade (@bg_color, 0.82)),
-                                           to (shade (@bg_color, 0.82)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
-                                                 from (shade (@bg_color, 1.0)),
-                                                 to (shade (@bg_color, 0.90)));
-}
-
-.trough:backdrop,
-.trough row:backdrop,
-.trough row:hover:backdrop,
-.trough row:selected:backdrop,
-.trough row:selected:focused:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 0.94)),
-                                     to (shade (@bg_color, 0.98)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@bg_color, 0.85)),
-                                           to (shade (@bg_color, 1.05)));
-}
-
-.trough.vertical:backdrop {
-    background-image: -gtk-gradient (linear, left top, right top,
-                                     from (shade (@bg_color, 0.94)),
-                                     to (shade (@bg_color, 0.98)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
-                                           from (shade (@bg_color, 0.85)),
-                                           to (shade (@bg_color, 1.05)));
-}
-
-GtkScale.slider:backdrop {
-    background-image: url("assets/slider_backdrop.png");
-}
-
-GtkScale.slider:hover:backdrop {
-    background-image: url("assets/slider_prelight.png");
-}
-
-GtkScale.slider:insensitive:backdrop {
-    background-image: url("assets/slider_insensitive_backdrop.png");
-}
-
-GtkScale.slider.vertical:backdrop {
-    background-image: url("assets/slider_vertical_backdrop.png");
-}
-
-GtkScale.slider.vertical:hover:backdrop {
-    background-image: url("assets/slider_prelight_vertical.png");
-}
-
-GtkScale.slider.vertical:insensitive:backdrop {
-    background-image: url("assets/slider_vertical_insensitive_backdrop.png");
-}
-
-GtkScale.mark:backdrop {
-}
-
-/*******************
- * scrolled window *
- *******************/
-GtkScrolledWindow.frame:backdrop {
-}
-
-/*************
- * separator *
- *************/
-.separator:backdrop {
-    border-color: shade (@bg_color, 0.92);
-
-    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4);
-}
-
-.button .separator:backdrop,
-.button.separator:backdrop {
-    border-color: shade (@bg_color, 0.86);
-
-    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.5);
-}
-
-.notebook .button .separator:backdrop,
-.notebook .button.separator:backdrop {
-    border-color: shade (@bg_color, 0.86);
-
-    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.5);
-}
-
-.button .separator:insensitive:backdrop,
-.button.separator:insensitive:backdrop {
-    border-color: shade (@bg_color, 0.92);
-
-    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
-}
-
-.notebook .button .separator:insensitive:backdrop,
-.notebook .button.separator:insensitive:backdrop {
-    border-color: shade (@bg_color, 0.92);
-
-    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
-}
-
-/***********
- * sidebar *
- ***********/
-.sidebar row:selected:backdrop {
-    text-shadow: 0 1px shade (@backdrop_selected_bg_color, 0.7);
-}
-
-/**************
- * spinbutton *
- **************/
-.spinbutton.button:backdrop,
-.notebook .spinbutton.button:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 1.06)),
-                                     to (shade (@bg_color, 0.94)));
-    border-top-color: shade (@bg_color, 0.72);
-    border-right-color: shade (@bg_color, 0.82);
-    border-bottom-color: shade (@bg_color, 0.88);
-    border-left-color: shade (@bg_color, 0.82);
-
-    -unico-border-gradient: none;
-}
-
-/***********
- * spinner *
- ***********/
-.menu.spinner:backdrop,
-.primary-toolbar .spinner:backdrop,
-.primary-toolbar .spinner:backdrop,
-.menubar.toolbar .spinner:backdrop,
-.menubar.toolbar .spinner:backdrop,
-.header-bar .spinner:backdrop,
-.header-bar .spinner:backdrop {
-    color: @backdrop_selected_bg_color;
-}
-
-/*************
- * statusbar *
- *************/
-GtkStatusbar:backdrop {
-}
-
-/**********
- * switch *
- **********/
-GtkSwitch:backdrop {
-    border-radius: 4px;
-    padding: 0;
-
-    -unico-focus-border-radius: 4;
-    -unico-focus-border-color: alpha (@backdrop_selected_bg_color, 0.3);
-    -unico-focus-fill-color: @transparent;
-}
-
-GtkSwitch.trough:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 0.89)),
-                                     to (shade (@bg_color, 0.96)));
-
-    color: mix (@fg_color, @bg_color, 0.17);
-    text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.3);
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@bg_color, 0.75)),
-                                           to (shade (@bg_color, 0.78)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@bg_color, 0.85)),
-                                                 to (shade (@bg_color, 0.92)));
-}
-
-GtkSwitch.trough:active:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@backdrop_selected_bg_color, 0.93)),
-                                     to (shade (@backdrop_selected_bg_color, 0.99)));
-
-    color: @backdrop_selected_fg_color;
-    text-shadow: 0 1px alpha (shade (@backdrop_selected_bg_color, 1.25), 0.4);
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@backdrop_selected_bg_color, 0.75)),
-                                           to (shade (@backdrop_selected_bg_color, 0.78)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@backdrop_selected_bg_color, 0.86)),
-                                                 to (shade (@backdrop_selected_bg_color, 0.94)));
-}
-
-GtkSwitch.trough:insensitive:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 0.95)),
-                                     to (shade (@bg_color, 0.99)));
-
-    color: mix (shade (@bg_color, 0.6), @bg_color, 0.17);
-    text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5);
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@bg_color, 0.8)),
-                                           to (shade (@bg_color, 0.84)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@bg_color, 0.91)),
-                                                 to (shade (@bg_color, 0.965)));
-}
-
-GtkSwitch.slider:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 1.06)),
-                                     to (shade (@bg_color, 0.94)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@bg_color, 0.75)),
-                                           to (shade (@bg_color, 0.78)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@bg_color, 1.08)),
-                                                 to (shade (@bg_color, 0.96)));
-}
-
-GtkSwitch.slider:insensitive:backdrop {
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@bg_color, 0.8)),
-                                           to (shade (@bg_color, 0.84)));
-}
-
-/************
- * textview *
- ************/
-GtkTextView:backdrop {
-    background-color: mix (@base_color, @bg_color, 0.4);
-}
-
-/***********
- * toolbar *
- ***********/
-.toolbar:backdrop {
-    border-style: none;
-}
-
-/* primary-toolbar */
-.primary-toolbar:backdrop,
-.primary-toolbar .toolbar:backdrop,
-.primary-toolbar.toolbar:backdrop,
-.menubar.toolbar .toolbar:backdrop,
-.menubar.toolbar.toolbar:backdrop,
-.header-bar .toolbar:backdrop,
-.header-bar.toolbar:backdrop {
-    background-color: @dark_bg_color;
-    background-image: none;
-    border-bottom-color: shade (@dark_bg_color, 0.94);
-    border-style: solid;
-    border-width: 0 0 1px 0;
-    padding: 2px;
-
-    color: shade (#a39e9a, 0.86); /* metacity unfocused color */
-    text-shadow: 0 1px shade (@dark_bg_color, 1.06);
-
-    -unico-border-gradient: none;
-    -unico-inner-stroke-gradient: none;
-    -unico-inner-stroke-width: 0;
-}
-
-.primary-toolbar :insensitive:backdrop,
-.menubar.toolbar :insensitive:backdrop,
-.header-bar :insensitive:backdrop {
-    text-shadow: 0 -1px shade (@dark_bg_color, 0.82);
-}
-
-.primary-toolbar GtkComboBox:backdrop,
-.primary-toolbar .button *:backdrop,
-.primary-toolbar .button:backdrop,
-.menubar.toolbar GtkComboBox:backdrop,
-.menubar.toolbar .button *:backdrop,
-.menubar.toolbar .button:backdrop,
-.header-bar GtkComboBox:backdrop,
-.header-bar .button *:backdrop,
-.header-bar .button:backdrop {
-    background-color: @transparent;
-    background-image: none;
-    border-color: @transparent;
-    border-radius: 3px;
-    border-width: 1px;
-    padding: 2px;
-
-    color: shade (#a39e9a, 0.86); /* metacity unfocused color */
-    text-shadow: 0 1px shade (@dark_bg_color, 1.06);
-
-    /* This breaks Gtk+ 3.5.x, lp #1015497. */
-    /* transition: 0ms ease-in-out; */
-
-    -unico-focus-border-radius: 4;
-    -unico-focus-border-color: alpha (@backdrop_selected_bg_color, 0.5);
-    -unico-focus-fill-color: alpha (@backdrop_selected_bg_color, 0.2);
-    -unico-focus-outer-stroke-color: @transparent;
-
-    -unico-border-gradient: none;
-    -unico-glow-radius: 0;
-    -unico-inner-stroke-width: 0;
-    -unico-outer-stroke-width: 0;
-}
-
-.primary-toolbar .button *:hover:backdrop,
-.menubar.toolbar .button *:hover:backdrop,
-.header-bar .button *:hover:backdrop {
-    color: shade (shade (#a39e9a, 0.86), 1.1);
-}
-
-.primary-toolbar .raised .button:backdrop,
-.primary-toolbar .raised.button:backdrop,
-.primary-toolbar .button:hover:backdrop,
-.primary-toolbar .button:active:backdrop,
-.primary-toolbar .button:insensitive:backdrop,
-.menubar.toolbar .raised .button:backdrop,
-.menubar.toolbar .raised.button:backdrop,
-.menubar.toolbar .button:hover:backdrop,
-.menubar.toolbar .button:active:backdrop,
-.menubar.toolbar .button:insensitive:backdrop,
-.header-bar .raised .button:backdrop,
-.header-bar .raised.button:backdrop,
-.header-bar .button:hover:backdrop,
-.header-bar .button:active:backdrop,
-.header-bar .button:insensitive:backdrop {
-    border-width: 1px;
-
-    /* This breaks Gtk+ 3.5.x, lp #1015497. */
-    /* transition: 0ms ease-in-out; */
-
-    -unico-focus-border-radius: 0;
-    -unico-focus-fill-color: @transparent;
-    -unico-focus-border-color: @transparent;
-    -unico-focus-outer-stroke-color: @transparent;
-
-    -unico-inner-stroke-width: 1px;
-    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@dark_bg_color, 1.01)),
-                                                 to (shade (@dark_bg_color, 1.06)));
-    -unico-outer-stroke-width: 1px;
-}
-
-.primary-toolbar GtkComboBox.combobox-entry .button:backdrop,
-.menubar.toolbar GtkComboBox.combobox-entry .button:backdrop,
-.header-bar GtkComboBox.combobox-entry .button:backdrop {
-    -unico-inner-stroke-width: 1px;
-    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@dark_bg_color, 1.01)),
-                                                 to (shade (@dark_bg_color, 1.06)));
-}
-
-.primary-toolbar GtkComboBox.combobox-entry .button:backdrop,
-.primary-toolbar .raised .button:backdrop,
-.primary-toolbar .raised.button:backdrop,
-.primary-toolbar .button:hover:backdrop,
-.menubar.toolbar GtkComboBox.combobox-entry .button:backdrop,
-.menubar.toolbar .raised .button:backdrop,
-.menubar.toolbar .raised.button:backdrop,
-.menubar.toolbar .button:hover:backdrop,
-.header-bar GtkComboBox.combobox-entry .button:backdrop,
-.header-bar .raised .button:backdrop,
-.header-bar .raised.button:backdrop,
-.header-bar .button:hover:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@dark_bg_color, 1.06)),
-                                     to (shade (@dark_bg_color, 0.98)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@dark_bg_color, 0.9)),
-                                           to (shade (@dark_bg_color, 0.87)));
-    -unico-glow-radius: 0;
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@dark_bg_color, 1.12)),
-                                                 to (shade (@dark_bg_color, 1.02)));
-}
-
-.primary-toolbar .button:active:backdrop,
-.menubar.toolbar .button:active:backdrop,
-.header-bar .button:active:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@dark_bg_color, 0.9)),
-                                     to (shade (@dark_bg_color, 0.95)));
-
-    text-shadow: 0 1px shade (@dark_bg_color, 0.95);
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@dark_bg_color, 0.75)),
-                                           to (shade (@dark_bg_color, 0.85)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@dark_bg_color, 0.88)),
-                                                 to (shade (@dark_bg_color, 0.93)))
-}
-
-.primary-toolbar .button:active:hover:backdrop,
-.menubar.toolbar .button:active:hover:backdrop,
-.header-bar .button:active:hover:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@dark_bg_color, 0.95)),
-                                     to (shade (@dark_bg_color, 1.0)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@dark_bg_color, 0.75)),
-                                           to (shade (@dark_bg_color, 0.85)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@dark_bg_color, 0.93)),
-                                                 to (shade (@dark_bg_color, 0.94)))
-}
-
-.primary-toolbar .button:active:insensitive:backdrop,
-.primary-toolbar .button:insensitive:backdrop,
-.menubar.toolbar .button:active:insensitive:backdrop,
-.menubar.toolbar .button:insensitive:backdrop,
-.header-bar .button:active:insensitive:backdrop,
-.header-bar .button:insensitive:backdrop {
-    text-shadow: none;
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@dark_bg_color, 0.85)),
-                                           to (shade (@dark_bg_color, 0.95)));
-    -unico-glow-radius: 0;
-    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@dark_bg_color, 1.01)),
-                                                 to (shade (@dark_bg_color, 1.06)));
-}
-
-.primary-toolbar .button:insensitive:backdrop,
-.menubar.toolbar .button:insensitive:backdrop,
-.header-bar .button:insensitive:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@dark_bg_color, 1.01)),
-                                     to (shade (@dark_bg_color, 0.99)));
-
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@dark_bg_color, 1.1)),
-                                                 to (shade (@dark_bg_color, 1.04)));
-}
-
-.primary-toolbar .button:active:insensitive:backdrop,
-.menubar.toolbar .button:active:insensitive:backdrop,
-.header-bar .button:active:insensitive:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@dark_bg_color, 0.94)),
-                                     to (shade (@dark_bg_color, 1.02)));
-
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@dark_bg_color, 0.92)),
-                                                 to (shade (@dark_bg_color, 1.0)));
-}
-
-.primary-toolbar .entry:backdrop,
-.primary-toolbar .entry:active:backdrop,
-.primary-toolbar .entry:focused:backdrop,
-.menubar.toolbar .entry:backdrop,
-.menubar.toolbar .entry:active:backdrop,
-.menubar.toolbar .entry:focused:backdrop,
-.header-bar .entry:backdrop,
-.header-bar .entry:active:backdrop,
-.header-bar .entry:focused:backdrop {
-    border-radius: 3px;
-
-    color: @text_color;
-
-    -unico-outer-stroke-width: 1px;
-    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@dark_bg_color, 1.01)),
-                                                 to (shade (@dark_bg_color, 1.06)));
-}
-
-.primary-toolbar .entry:backdrop,
-.menubar.toolbar .entry:backdrop,
-.header-bar .entry:backdrop {
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@dark_bg_color, 0.75)),
-                                           to (shade (@dark_bg_color, 0.95)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (alpha (shade (@bg_color, 0.05), 0.02)),
-                                                 to (alpha (shade (@bg_color, 0.05), 0.01)));
-}
-
-.primary-toolbar .entry:insensitive:backdrop,
-.menubar.toolbar .entry:insensitive:backdrop,
-.header-bar .entry:insensitive:backdrop {
-    -unico-outer-stroke-width: 1px;
-    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@dark_bg_color, 1.01)),
-                                                 to (shade (@dark_bg_color, 1.06)));
-}
-
-.primary-toolbar .entry:focused:backdrop,
-.menubar.toolbar .entry:focused:backdrop,
-.header-bar .entry:focused:backdrop {
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@backdrop_selected_bg_color, 0.75)),
-                                           to (shade (@backdrop_selected_bg_color, 0.8)));
-    -unico-inner-stroke-color: alpha (@backdrop_selected_bg_color, 0.2);
-    -unico-inner-stroke-gradient: none;
-}
-
-.primary-toolbar GtkSeparatorToolItem:backdrop,
-.primary-toolbar .separator:backdrop,
-.primary-toolbar .separator:insensitive:backdrop,
-.menubar.toolbar GtkSeparatorToolItem:backdrop,
-.menubar.toolbar .separator:backdrop,
-.menubar.toolbar .separator:insensitive:backdrop,
-.header-bar GtkSeparatorToolItem:backdrop,
-.header-bar .separator:backdrop,
-.header-bar .separator:insensitive:backdrop {
-    border-color: shade (@dark_bg_color, 0.94);
-    border-style: solid;
-
-    -unico-border-gradient: none;
-    -unico-inner-stroke-color: shade (@dark_bg_color, 1.04);
-    -unico-inner-stroke-gradient: none;
-}
-
-/* inline-toolbar */
-.inline-toolbar.toolbar:backdrop {
-    -GtkToolbar-button-relief: normal;
-
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (#f2f1ef, 0.96)),
-                                     color-stop (0.08, #f2f1ef),
-                                     to (#ffffff));
-    border-radius: 0;
-    border-style: solid;
-    border-width: 1px;
-    padding: 3px 4px 4px 4px;
-}
-
-.inline-toolbar.toolbar:nth-child(last):backdrop {
-    border-bottom-color: shade (@bg_color, 0.76);
-    border-color: shade (@bg_color, 0.8);
-    border-radius: 0 0 3px 3px;
-    border-width: 0 1px 1px 1px;
-}
-
-.inline-toolbar.toolbar .button:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 1.06)),
-                                     to (shade (@bg_color, 0.94)));
-    border-radius: 0;
-    border-style: solid;
-    border-width: 1px 0 1px 1px;
-    padding: 1px;
-
-    icon-shadow: 0 1px shade (@bg_color, 1.16);
-
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@bg_color, 1.09)),
-                                                 to (shade (@bg_color, 0.97)));
-    -unico-outer-stroke-width: 1px 0 1px 0;
-    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (alpha (shade (@bg_color, 0.05), 0.01)),
-                                                 to (alpha (shade (@bg_color, 0.05), 0.03)));
-}
-
-.inline-toolbar.toolbar .button *:active:backdrop,
-.inline-toolbar.toolbar .button *:insensitive:backdrop,
-.inline-toolbar.toolbar GtkToolButton .button:active:backdrop,
-.inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop {
-    -unico-outer-stroke-width: 1px 0 1px 0;
-    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (alpha (shade (@bg_color, 0.05), 0.008)),
-                                                 to (alpha (shade (@bg_color, 0.05), 0.01)));
-}
-
-.inline-toolbar.toolbar .button *:insensitive:backdrop,
-.inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop {
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@bg_color, 1.02)),
-                                     to (shade (@bg_color, 0.98)));
-
-    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
-                                           from (shade (@bg_color, 0.85)),
-                                           to (shade (@bg_color, 0.8)));
-    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
-                                                 from (shade (@bg_color, 1.16)),
-                                                 to (shade (@bg_color, 1.0)));
-}
-
-.inline-toolbar.toolbar .button:nth-child(first):backdrop,
-.inline-toolbar.toolbar GtkToolButton:nth-child(first) .button:backdrop {
-    border-radius: 3px 0 0 3px;
-
-    -unico-outer-stroke-width: 1px 0 1px 1px;
-}
-
-.inline-toolbar.toolbar .button:nth-child(last):backdrop,
-.inline-toolbar.toolbar GtkToolButton:nth-child(last) .button:backdrop {
-    border-radius: 0 3px 3px 0;
-    border-width: 1px;
-
-    -unico-outer-stroke-width: 1px 1px 1px 0;
-}
-
-/************
- * treeview *
- ************/
-GtkTreeView .entry:backdrop {
-}
-
-/************
- * viewport *
- ************/
-GtkViewport.frame:backdrop {
-}
-
-/*****************************************************************************
- * states [please keep this section at the end of the file (CSS precedence)] *
- *****************************************************************************/
-*:insensitive:backdrop {
-    color: mix (shade (@bg_color, 0.6), @bg_color, 0.2);
-    text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5);
-}
-
-*:selected:backdrop,
-*:selected:focused:backdrop {
-    background-color: @backdrop_selected_bg_color;
-
-    color: @backdrop_selected_fg_color;
-}

=== modified file 'Radiance/gtk-3.0/gtk-widgets.css'
--- Radiance/gtk-3.0/gtk-widgets.css	2014-12-17 15:12:16 +0000
+++ Radiance/gtk-3.0/gtk-widgets.css	2015-01-15 13:30:25 +0000
@@ -42,8 +42,6 @@
     -GtkTreeView-vertical-separator: 0;
     -GtkWidget-separator-width: 2;
     -GtkWidget-separator-height: 2;
-    -GtkWidget-focus-padding: 0;
-    -GtkWidget-focus-line-width: 1px;
     -GtkWidget-link-color: @link_color;
     -GtkWidget-visited-link-color: @link_color;
     -GtkWindow-decoration-button-layout: "close:";
@@ -53,14 +51,6 @@
 
     background-origin: border-box;
     background-clip: padding-box;
-
-    engine: unico;
-
-    /* To avoid using custom attributes, unico looks at the outline attributes
-     * to find out how to render the focus ring.
-     */
-    outline-color: alpha (@selected_bg_color, 0.5);
-    outline-offset: 5px;
 }
 
 .background {
@@ -114,8 +104,6 @@
  * button *
  **********/
 .button {
-    -GtkWidget-focus-line-width: 0;
-
     padding: 5px 6px;
 
     background-image: -gtk-gradient (linear, left top, left bottom,
@@ -319,7 +307,6 @@
  ****************/
 .cell {
     -GtkCheckButton-indicator-size: 16;
-    -GtkWidget-focus-line-width: 0;
 
     background-color: @base_color;
     border-radius: 0;
@@ -366,6 +353,23 @@
     background-color: transparent;
 }
 
+/* Draw a focus ring around the contained label ... */
+GtkCheckButton.text-button GtkLabel {
+    border: 1px solid transparent;
+    border-radius: 5px;
+}
+
+GtkCheckButton.text-button:focus GtkLabel {
+    border-color: @focus_color;
+    background-color: @focus_bg_color;
+}
+
+/* ... unless it's a proper button, which already has a focus-colored border */
+.button.text-button:focus GtkLabel {
+    border: none;
+    background: none;
+}
+
 .menu .radio * {
     box-shadow: none;
 }
@@ -485,8 +489,6 @@
  * entry *
  *********/
 .entry {
-    -GtkWidget-focus-line-width: 0;
-
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@base_color, 0.96)),
                                      to (@base_color));
@@ -1005,6 +1007,17 @@
     border-image-width: 0 1px;
 }
 
+/* Draw a focus ring around labels in tabs */
+.notebook tab GtkLabel {
+    border: 1px solid transparent;
+    border-radius: 5px;
+}
+
+.notebook:focus tab GtkLabel.active-page {
+    border-color: @focus_color;
+    background-color: @focus_bg_color;
+}
+
 .notebook GtkDrawingArea {
         background-color: shade (@bg_color, 1.02);
 }
@@ -1174,7 +1187,6 @@
     -GtkRange-slider-width: 18;
     -GtkRange-trough-border: 0;
     -GtkScale-slider-length: 14;
-    -GtkWidget-focus-line-width: 0;
 }
 
 GtkScale.vertical {
@@ -1589,6 +1601,12 @@
     text-shadow: 0 1px shade (@selected_bg_color, 0.7);
 }
 
+GtkSwitch:focus {
+    outline: 2px solid @focus_color;
+    outline-offset: -2px;
+    outline-radius: 6px;
+}
+
 /* XXX temporary */
 GtkSwitch.trough:backdrop,
 GtkSwitch.trough:insensitive {

=== modified file 'debian/control'
--- debian/control	2014-07-11 08:45:09 +0000
+++ debian/control	2015-01-15 13:30:25 +0000
@@ -20,7 +20,6 @@
 Architecture: all
 Multi-Arch: foreign
 Depends: gtk2-engines-murrine (>= 0.90.3+git20100810),
-         gtk3-engines-unico (>= 1.0.1-0ubuntu2),
          humanity-icon-theme,
          ubuntu-mono,
          ${misc:Depends},