From 33f030dc1de34f9926d4418facbb0e220d4b9bfc Mon Sep 17 00:00:00 2001
From: Rafael Laguna <rafaellaguna@ubuntu.com>
Date: Thu, 25 Jun 2015 18:09:01 +0200
Subject: [PATCH] fix bug #1464349

---
 .../Lubuntu-dark-panel/gtk-3.0/gtk-main.css   |   10 +-
 .../gtk-3.0/gtk-widgets-backdrop.css          | 1338 -----------------
 .../gtk-3.0/gtk-widgets.css                   |   30 +
 .../gtk-3.0/gtk-widgets-backdrop.css          | 1338 -----------------
 .../Lubuntu-default/gtk-3.0/gtk-widgets.css   |   30 +
 5 files changed, 69 insertions(+), 2677 deletions(-)
 delete mode 100644 src/usr/share/themes/Lubuntu-dark-panel/gtk-3.0/gtk-widgets-backdrop.css
 delete mode 100644 src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-backdrop.css

diff --git a/src/usr/share/themes/Lubuntu-dark-panel/gtk-3.0/gtk-main.css b/src/usr/share/themes/Lubuntu-dark-panel/gtk-3.0/gtk-main.css
index f7a7ee3..a5e2479 100644
--- a/src/usr/share/themes/Lubuntu-dark-panel/gtk-3.0/gtk-main.css
+++ b/src/usr/share/themes/Lubuntu-dark-panel/gtk-3.0/gtk-main.css
@@ -30,7 +30,6 @@
 @define-color button_insensitive_bg_color mix (@button_bg_color, @bg_color, 0.6);
 @define-color dark_bg_color #e0e0e0;
 @define-color dark_fg_color @fg_color;
-@define-color borders @dark_bg_color;
 @define-color transparent rgba (0, 0, 0, 0);
 
 @define-color backdrop_fg_color mix (@bg_color, @fg_color, 0.8);
@@ -39,6 +38,13 @@
 @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);
+@define-color osd_fg_color #eeeeec;
+@define-color osd_bg_color alpha(#202526, 0.7);
+@define-color osd_border_color alpha(black, 0.7);
+
 @define-color scrollslider_gradient_a #bdbdbd;
 @define-color scrollslider_gradient_b #bdbdbd;
 @define-color scrollslider_border #bdbdbd;
@@ -62,6 +68,7 @@
 @import url("gtk-widgets-assets-radiance.css");
 @import url("gtk-widgets.css");
 @import url("gtk-widgets-radiance.css");
+@import url("apps/geary.css");
 @import url("apps/unity.css");
 @import url("apps/baobab.css");
 @import url("apps/gedit.css");
@@ -69,5 +76,6 @@
 @import url("apps/gnome-panel.css");
 @import url("apps/gnome-terminal.css");
 @import url("apps/gnome-system-log.css");
+@import url("public-colors.css");
 
 @import url("gtk-lubuntu.css");
diff --git a/src/usr/share/themes/Lubuntu-dark-panel/gtk-3.0/gtk-widgets-backdrop.css b/src/usr/share/themes/Lubuntu-dark-panel/gtk-3.0/gtk-widgets-backdrop.css
deleted file mode 100644
index 3e559d8..0000000
--- a/src/usr/share/themes/Lubuntu-dark-panel/gtk-3.0/gtk-widgets-backdrop.css
+++ /dev/null
@@ -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;
-}
diff --git a/src/usr/share/themes/Lubuntu-dark-panel/gtk-3.0/gtk-widgets.css b/src/usr/share/themes/Lubuntu-dark-panel/gtk-3.0/gtk-widgets.css
index 338bf83..6b3b07c 100644
--- a/src/usr/share/themes/Lubuntu-dark-panel/gtk-3.0/gtk-widgets.css
+++ b/src/usr/share/themes/Lubuntu-dark-panel/gtk-3.0/gtk-widgets.css
@@ -2008,6 +2008,32 @@ GtkViewport.frame {
     margin-right: 9px;
 }
 
+/*************
+ * overshoot *
+ *************/
+.overshoot.top {
+    background: -gtk-gradient(radial, center top, 0, center top, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
+}
+
+.overshoot.right {
+    background: -gtk-gradient(radial, right center, 0, right center, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
+}
+
+.overshoot.bottom {
+    background: -gtk-gradient(radial, center bottom, 0, center bottom, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
+}
+
+.overshoot.left {
+    background: -gtk-gradient(radial, left center, 0, left center, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
+}
+
+/**************
+ * undershoot *
+ **************/
+.undershoot {
+    background: none;
+}
+
 /*****************************************************************************
  * states [please keep this section at the end of the file (CSS precedence)] *
  *****************************************************************************/
@@ -2030,3 +2056,7 @@ GtkViewport.frame {
     color: @backdrop_selected_fg_color;
 }
 
+*:link,
+*:visited {
+    color: #f07746; /* @link_color */
+}
diff --git a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-backdrop.css b/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-backdrop.css
deleted file mode 100644
index 3e559d8..0000000
--- a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-backdrop.css
+++ /dev/null
@@ -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;
-}
diff --git a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets.css b/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets.css
index 338bf83..6b3b07c 100644
--- a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets.css
+++ b/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets.css
@@ -2008,6 +2008,32 @@ GtkViewport.frame {
     margin-right: 9px;
 }
 
+/*************
+ * overshoot *
+ *************/
+.overshoot.top {
+    background: -gtk-gradient(radial, center top, 0, center top, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
+}
+
+.overshoot.right {
+    background: -gtk-gradient(radial, right center, 0, right center, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
+}
+
+.overshoot.bottom {
+    background: -gtk-gradient(radial, center bottom, 0, center bottom, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
+}
+
+.overshoot.left {
+    background: -gtk-gradient(radial, left center, 0, left center, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
+}
+
+/**************
+ * undershoot *
+ **************/
+.undershoot {
+    background: none;
+}
+
 /*****************************************************************************
  * states [please keep this section at the end of the file (CSS precedence)] *
  *****************************************************************************/
@@ -2030,3 +2056,7 @@ GtkViewport.frame {
     color: @backdrop_selected_fg_color;
 }
 
+*:link,
+*:visited {
+    color: #f07746; /* @link_color */
+}