Merge branch 'wip/hc-sass'

- Share style elements with Adwaita
- Keep similar structure as Adwaita

7 files changed, 4606 insertions, 1508 deletions

diff --git a/themes/HighContrast/gtk-3.0/_colors.scss b/themes/HighContrast/gtk-3.0/_colors.scss
new file mode 100644
index 00000000..463985e9
--- /dev/null
+++ b/themes/HighContrast/gtk-3.0/_colors.scss
@@ -0,0 +1,85 @@
+// When color definition differs for dark and light variant,
+// it gets @if ed depending on $variant
+
+
+$base_color: #fff;
+$bg_color: #fff;
+$fg_color: #000;
+
+$selected_fg_color: #fff;
+$selected_bg_color: #000; //#4a90d9;
+$selected_borders_color: #000;
+
+$borders_color: mix($bg_color,$fg_color,50%);
+$borders_edge: #fff;
+$link_color: $selected_bg_color;
+
+$warning_color: #f57900;
+$error_color: #cc0000;
+$success_color: #73d216;
+$destructive_color: #ef2929;
+
+$osd_fg_color: #fff;
+$osd_bg_color: transparentize(#000,0.2);
+$osd_borders_color: transparentize(#fff,0.8);
+
+//insensitive state derived colors
+$insensitive_fg_color: mix($fg_color, $bg_color, 50%);
+$insensitive_bg_color: mix($bg_color, $base_color, 60%);
+$insensitive_borders_color: $borders_color;
+
+//colors for the backdrop state, derived from the main colors.
+$backdrop_base_color: $base_color;
+$backdrop_bg_color: $bg_color;
+$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 90%);
+$backdrop_insensitive_color: $backdrop_bg_color;
+$backdrop_borders_color: mix($borders_color, $bg_color, 90%);
+
+//apps rely on some named colors to be exported
+/* GTK NAMED COLORS */
+@define-color theme_fg_color $fg_color;
+@define-color theme_bg_color $bg_color;
+@define-color theme_base_color $base_color;
+@define-color theme_selected_bg_color $selected_bg_color;
+@define-color theme_selected_fg_color $selected_fg_color;
+@define-color insensitive_bg_color $insensitive_bg_color;
+@define-color insensitive_fg_color $insensitive_fg_color;
+@define-color insensitive_base_color $base_color;
+@define-color theme_unfocused_fg_color $backdrop_fg_color;
+@define-color theme_unfocused_bg_color $backdrop_bg_color;
+@define-color theme_unfocused_base_color $backdrop_base_color;
+@define-color theme_unfocused_selected_bg_color $selected_bg_color;
+@define-color theme_unfocused_selected_fg_color $selected_fg_color;
+@define-color borders $borders_color;
+@define-color unfocused_borders $backdrop_borders_color;
+
+@define-color warning_color $warning_color;
+@define-color error_color $error_color;
+@define-color success_color $success_color;
+//@define-color desctructive_color $destructive_color
+
+//WM
+
+$_wm_highlight: $borders_edge;
+
+@define-color wm_title shade($fg_color, 1.8);
+@define-color wm_unfocused_title $backdrop_fg_color;
+@define-color wm_highlight $_wm_highlight;
+@define-color wm_borders_edge $borders_edge;
+
+@define-color wm_bg_a shade($bg_color, 1.2);
+@define-color wm_bg_b $bg_color;
+
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+
+@define-color wm_button_hover_color_a shade($bg_color, 1.3);
+@define-color wm_button_hover_color_b $bg_color;
+@define-color wm_button_active_color_a shade($bg_color, 0.85);
+@define-color wm_button_active_color_b shade($bg_color, 0.89);
+@define-color wm_button_active_color_c shade($bg_color, 0.9);
+
+//FIXME this is really an API
+
+@define-color content_view_bg $base_color;
+
diff --git a/themes/HighContrast/gtk-3.0/_common.scss b/themes/HighContrast/gtk-3.0/_common.scss
new file mode 100644
index 00000000..3d38e3da
--- /dev/null
+++ b/themes/HighContrast/gtk-3.0/_common.scss
@@ -0,0 +1,2041 @@
+@function gtkalpha($c,$a) {
+  @return unquote("alpha(#{$c},#{$a})");
+}
+
+* {
+  padding: 0;
+  -GtkToolButton-icon-spacing: 4;
+  -GtkTextView-error-underline-color: $error_color;
+  -GtkPaned-handle-size: 1;
+
+  -GtkCheckButton-indicator-size: 16;
+  -GtkCheckMenuItem-indicator-size: 16;
+
+  // The size for scrollbars. The slider is 2px smaller, but we keep it
+  // up so that the whole area is sensitive to button presses for the
+  // slider. The stepper button is larger in both directions, the slider
+  // only in the width
+
+  -GtkScrolledWindow-scrollbar-spacing: 0;
+  -GtkScrolledWindow-scrollbars-within-bevel: 1;
+
+  -GtkToolItemGroup-expander-size: 11;
+  -GtkExpander-expander-size: 16;
+  -GtkTreeView-expander-size: 11;
+
+  -GtkTreeView-horizontal-separator: 4;
+
+  -GtkMenu-horizontal-padding: 0;
+  -GtkMenu-vertical-padding: 0;
+
+  -GtkWidget-link-color: $link_color;
+  -GtkWidget-visited-link-color: $link_color;
+
+  -GtkWidget-focus-padding: 2;    // FIXME: do we still need these?
+  -GtkWidget-focus-line-width: 1; //
+
+  -GtkDialog-button-spacing: 4;
+  -GtkDialog-action-area-border: 0;
+
+  -GtkStatusbar-shadow-type: none;
+
+  // We use the outline properties to signal the focus properties
+  // to the adwaita engine: using real CSS properties is faster,
+  // and we don't use any outlines for now.
+
+  outline-color: transparentize($fg_color, 0.7);
+  outline-style: dashed;
+  outline-offset: -3px;
+  outline-width: 1px;
+  outline-radius: 2px;
+
+}
+
+
+/***************
+ * Base States *
+ ***************/
+
+.background {
+    color: $fg_color;
+    background-color: $bg_color;
+}
+
+.background:backdrop {
+    text-shadow: none;
+    icon-shadow: none;
+
+    color: lighten($fg_color,10%);
+    background-color: $backdrop_bg_color;
+}
+
+/*
+   These wildcard seems unavoidable, need to investigate.
+   Wildcards are bad and troublesome, use them with care,
+   or better, just don't.
+   Everytime a wildcard is used a kitten dies, painfully.
+*/
+
+
+
+*:insensitive {
+    -gtk-image-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: $bg_color;
+  color: $fg_color;
+  &:prelight {
+    background-color: lighten($bg_color, 10%);
+    color: $fg_color;
+  }
+  &:active {
+    background-color: darken($bg_color, 10%);
+    color: $fg_color;
+  }
+  &:insensitive {
+    background-color: $insensitive_bg_color;
+    color: $insensitive_fg_color;
+  }
+  &:selected {
+    background-color: $selected_bg_color;
+    color: $selected_fg_color;
+  }
+}
+
+.view {
+  color: $fg_color;
+  background-color: $base_color;
+  &:backdrop {
+    color: $backdrop_fg_color;
+    background-color: $backdrop_base_color;
+  }
+  &:selected,
+  &:selected:focus,
+  &:selected:hover {
+    @extend %selected_items;
+  }
+}
+
+.rubberband {
+  border: 1px solid $selected_bg_color;
+  background-color: transparentize($selected_bg_color,0.8);
+}
+
+GtkLabel {
+  &:selected,
+  &:selected:focus,
+  &:selected:hover,
+  &:backdrop:selected {
+    @extend %selected_items;
+  }
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+
+@keyframes spin {
+    to { -gtk-icon-transform: rotate(1turn); }
+}
+
+.spinner {
+  background-image: none;
+  background-color: blue;
+  opacity: 0; // non spinning spinner makes no sense
+  -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+  &:active {
+    opacity: 1;
+    animation: spin 1s linear infinite;
+    &:insensitive {
+      opacity: 0.5;
+    }
+  }
+}
+
+/****************
+ * Text Entries *
+ ****************/
+
+.entry {
+  padding: 4px;
+  border-radius: 3px;
+  transition: all 200ms ease-out;
+  @include entry(normal);
+  &.flat, &.flat:focus {
+    padding: 2px;
+    @include entry(normal, $noedge:true);
+    border: none;
+    border-radius: 0;
+  }
+  &:focus { @include entry(focus); }
+  &:insensitive { @include entry(insensitive); }
+  &:backdrop { @include entry(backdrop); }
+  &:backdrop:insensitive { @include entry(backdrop-insensitive); }
+  &:selected, &:backdrop:selected {
+    background-color: $selected_bg_color;
+    color: $selected_fg_color;
+  }
+  &:selected,
+  &:selected:focus {
+    @extend %selected_items;
+  }
+  &.progressbar {
+    margin: 1px;
+    border-radius: 0;
+    border-width: 0 0 2px;
+    border-color: $selected_bg_color;
+    border-style: solid;
+    background-image: none;
+    background-color: transparent;
+    box-shadow: none;
+    &:backdrop { background-color: transparent; }
+  }
+  .linked & {
+    &:first-child {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+      &:dir(rtl) { border-right-style: none;}
+    }
+    &:last-child {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      border-left-style: none;
+      &:dir(rtl) { border-left-style: solid; }
+    }
+  }
+  &.error {
+    color: $error_color;
+    border-color: $error_color;
+    &:focus { @include entry(focus, $error_color); }
+    &:selected, &:selected:focus {
+      background-color: $error_color;
+    }
+  }
+  &.warning {
+    color: $warning_color;
+    border-color: $warning_color;
+    &:focus { @include entry(focus, $warning_color); }
+    &:selected, &:selected:focus {
+      background-color: $warning_color;
+    }
+  }
+}
+
+/***********
+ * Buttons *
+ ***********/
+
+.button {
+  border-radius: 3px;
+  transition: all 200ms ease-out;
+  padding: 4px 6px;
+  @include button(normal);
+  &:hover, &.flat:hover {
+    @include button(hover);
+    -gtk-image-effect: highlight;
+  }
+  &:active, &.flat:active {
+    @include button(active);
+    transition-duration: 50ms;
+  }
+  &:backdrop, &.flat:backdrop {
+    @include button(backdrop);
+    &:active {
+      @include button(backdrop-active);
+    }
+    &:insensitive {
+      @include button(backdrop-insensitive);
+    }
+    &:insensitive:active {
+      @include button(backdrop-insensitive-active);
+    }
+  }
+  //&:selected, &.flat:selected,       Why this?
+  //&:selected:focus, &.flat:focus {
+  //  @extend %selected_items;
+  //}
+  &:insensitive {
+    @include button(insensitive);
+    &:active, &.flat:active {
+      @include button(insensitive-active);
+    }
+  }
+  &.flat, &.flat:backdrop {
+    @extend %undecorated_button;
+  }
+  //overlay / OSD style
+  .osd & {
+    padding: 6px;
+    border-width: 1px 1px 2px 1px;
+    @include button(osd);
+    @extend %linked_buttons;
+    &:hover {
+      @include button(osd-hover);
+      @extend %linked_buttons;
+    }
+    &:active {
+      @include button(osd-active);
+      @extend %linked_buttons;
+    }
+    &:insensitive {
+      @include button(osd-insensitive);
+      @extend %linked_buttons;
+    }
+    &:backdrop {
+      @include button(osd-backdrop);
+      @extend %linked_buttons;
+    }
+  }
+  // Suggested and Destructive Action buttons
+  @each $b_type, $b_color in (suggested-action, $selected_bg_color),
+                              (destructive-action, $destructive_color) {
+    &.#{$b_type} {
+      @include button(normal,$b_color, white);
+      &:hover {
+        @include button(hover,$b_color, white);
+      }
+      &:active {
+        @include button(active,$b_color, white);
+      }
+      &:backdrop {
+        @include button(backdrop,$b_color,white);
+        &:insensitive {
+          @include button(backdrop-insensitive);
+        }
+      }
+      &:insensitive {
+        @include button(insensitive);
+      }
+    }
+  }
+
+  // buttons in header bars and action bars
+  &.image-button { padding: 8px; }
+  &.text-button { padding: 6px 8px 5px; } // due to font metrics
+
+  //inline-toolbar buttons
+  .inline-toolbar &, .inline-toolbar &:backdrop {
+    border-radius: 2px;
+    border-width: 1px;
+    @extend %linked_buttons;
+  }
+
+  .primary-toolbar & { icon-shadow: none; } // tango icons don't need added shadows
+//  .separator {
+//    -GtkWidget-wide-separators: true;
+//    -GtkWidget-horizontal-separator: 0;
+//   }
+  .linked &, .linked &:backdrop {
+    @extend %linked_buttons;
+  }
+}
+
+// all the following is for the +|- buttons on inline toolbars, that way
+// should really be reprecated...
+.inline-toolbar GtkToolButton > .button { // redefining the button look is
+                                               // needed since those are flat...
+  @include button(normal, $noedge: true); // the box-shadow outset doesn't work
+                                          // in this case, hence $noedge
+  &:hover { @include button(hover, $noedge: true); }
+  &:active { @include button(active, $noedge:true); }
+  &:insensitive { @include button(insensitive, $noedge:true); }
+  &:insensitive:active { @include button(insensitive-active, $noedge:true); }
+  &:backdrop { @include button(backdrop); };
+  &:backdrop:active { @include button(backdrop-active); }
+  &:backdrop:insensitive { @include button(backdrop-insensitive); }
+  &:backdrop:insensitive:active { @include button(backdrop-insensitive-active);}
+}
+.inline-toolbar.toolbar GtkToolButton { // .inline-toolbar.toolbar here for
+                                        // higher specificity than the previous
+                                        // "button look" selector
+  & > .button.flat {
+    border-radius: 0;
+    border-left-style: none;
+  }
+  &:dir(rtl) > .button.flat {}
+  &:first-child > .button.flat {
+    border-radius: 3px 0 0 3px;
+    border-left-style: solid;
+  }
+  &:last-child > .button.flat {
+    border-radius: 0 3px 3px 0;
+  }
+  &:last-child:dir(rtl) > .button.flat {
+    border-right-style: solid;
+  }
+  &:only-child > .button.flat {
+    border-radius: 3px;
+    border-style: solid;
+  }
+}
+
+%linked_buttons {
+  border-radius: 0;
+  border-left-style: none;
+  &:dir(rtl) {
+    border-right-style: none;
+    border-left-style: solid
+  };
+  &:first-child {
+    border-radius: 3px 0 0 3px;
+    border-left-style: solid;
+  }
+  &:last-child {
+    border-radius: 0 3px 3px 0;
+    &:dir(rtl) { border-right-style: solid; }
+  }
+  &:only-child {
+    border-radius: 3px;
+    border-style: solid;
+  }
+}
+
+%undecorated_button {
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px transparentize(white,1);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+/* menu buttons */
+.menuitem.button.flat {
+  @extend %undecorated_button;
+  outline-offset: -1px;
+  &:hover { background-color: mix($fg_color,$bg_color,10%); }
+  &:selected { @extend %selected_items; }
+  &:backdrop, &:backdrop:hover {
+    @extend %undecorated_button;
+  }
+}
+
+GtkColorButton.button { padding: 4px; } // Uniform padding on the
+                                        // GtkColorButton.button
+
+/*********
+ * Links *
+ *********/
+
+*:link {
+  color: $selected_bg_color; //FIXME use a proper color
+  &:hover, &:active, &:visited {
+    color: mix($fg_color, $selected_bg_color, 40%); //FIXME same here
+  }
+  &:backdrop, &:backdrop:hover {
+    color: $selected_bg_color;
+  }
+}
+
+.button:link, .button:visited {
+  color: $selected_bg_color; //FIXME use a proper color
+  @extend %undecorated_button;
+  text-shadow: none;
+  &:hover, &:active {
+    @extend %undecorated_button;
+    color: mix($fg_color, $selected_bg_color, 40%); //FIXME same here
+    text-shadow: none;
+  }
+  &:backdrop {
+    @extend %undecorated_button; //This shouldn't be needed but avoids
+                                 //a weird transition which for some reason
+                                 //makes borders blink on hover
+    color: $selected_bg_color; //FIXME use a proper color
+  }
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+
+.spinbutton {
+  .button {
+    background-image: none;
+    border-width: 0 0 0 1px;
+    border-color: transparentize($borders_color,0.7);
+    color: mix($fg_color,$base_color,95%);
+    border-radius: 0;
+    box-shadow: none;
+  //  padding-left: 6px;
+  //  padding-right: 6px;
+    &:dir(rtl) { border-width: 0 1px 0 0; }
+    &:hover {
+      color: $fg_color;
+      background-color: transparentize(black,0.95);
+    }
+    &:insensitive {
+      color: transparentize($insensitive_fg_color,0.7);
+    }
+    &:active {
+      box-shadow: inset 0 2px 3px -1px transparentize(black,0.8);
+      background-color: transparentize(black,0.9);
+    }
+    &:backdrop {
+      border-color: transparentize($backdrop_borders_color,0.7);
+    }
+    &:backdrop:insensitive {
+      background-image: none;
+      color: transparentize($backdrop_insensitive_color,0.7);
+      border-width: 0 0 0 1px; // It is needed or it gets overridden
+      &:dir(rtl) { border-width: 0 1px 0 0; }
+    }
+  }
+  &.vertical {
+    .button {
+      &:first-child {
+        @extend %top_button;
+        @include button(normal, $noedge: true);
+        &:active {
+          @extend %top_button;
+          @include button(active, $noedge: true);
+        }
+        &:hover {
+          @extend %top_button;
+          @include button(hover, $noedge: true);
+        }
+        &:insensitive {
+          @extend %top_button;
+          @include button(insensitive, $noedge: true);
+        }
+        &:backdrop {
+          @extend %top_button;
+          @include button(backdrop);
+        }
+      }
+      &:last-child {
+        @extend %bottom_button;
+        @include button(normal);
+        &:active {
+          @extend %bottom_button;
+          @include button(active);
+        }
+        &:hover {
+          @extend %bottom_button;
+          @include button(hover);
+        }
+        &:insensitive {
+          @extend %bottom_button;
+          @include button(insensitive);
+        }
+        &:backdrop {
+          @extend %bottom_button;
+          @include button(backdrop);
+        }
+      }
+      &:backdrop:insensitive {
+        @include button(backdrop-insensitive);
+      }
+    }
+    &.entry {
+      // we should remove the bottom edge hilight here, but seems
+      // like buttons are on top of it so it doesn't show up
+      border-radius: 0;
+    }
+    %top_button {
+      border-radius: 3px 3px 0 0;
+      border-bottom-width: 0;
+    }
+    %bottom_button {
+      border-radius: 0 0 3px 3px;
+      border-top-width: 0;
+    }
+  }
+/* This is to fix spinbuttons in entries, but I feel like hiding code issues
+ * hence it's commented atm.
+ *  GtkTreeView & {
+ *   &.entry, &.entry:focus {
+ *     padding: 1px;
+ *     border-width: 1px 0;
+ *     border-color: $selected_bg_color;
+ *     border-radius: 0;
+ *     box-shadow: none;
+ *   }
+ * } */
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+GtkComboBox {
+
+  //FIXME padding issue
+  padding: 0;
+
+  -GtkComboBox-arrow-scaling: 0.5;
+  -GtkComboBox-shadow-type: none;
+
+  box-shadow: 0 1px $borders_edge;
+
+  @include _button_text_shadow;
+
+  &:insensitive {
+    color: $insensitive_fg_color;
+    text-shadow: none;
+    icon-shadow: none;
+  }
+  &:backdrop {
+    color: $backdrop_fg_color;
+    text-shadow: none;
+    icon-shadow: none;
+  }
+  &:backdrop:insensitive {
+    color: $backdrop_insensitive_color;
+  }
+  .menuitem { text-shadow: none; }
+  .separator {
+    // always disable separators
+    -GtkWidget-wide-separators: true;
+    -GtkWidget-horizontal-separator: 0;
+    -GtkWidget-vertical-separator: 0;
+  }
+  &.combobox-entry .entry {
+    border-radius: 3px 0 0 3px;
+    &:dir(rtl) {
+      border-radius: 0 3px 3px 0;
+    }
+  }
+  &.combobox-entry .button, &.combobox-entry .button:backdrop {
+    // It is needed to specify the backdrop button or it gets overridden
+    border-radius: 0 3px 3px 0;
+    border-left-style: none;
+    &:dir(rtl) {
+      border-radius: 3px 0 0 3px;
+      border-left-style: solid;
+      border-right-style: none;
+    }
+  }
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar { //FIXME: why is all this being ignored?
+  padding: 6px;
+  background-color: $bg_color;
+  &.osd {
+    background-color: $osd_bg_color;
+    border-radius: 6px;
+    padding: 12px;
+  }
+  //searchbar & inline-toolbar
+  &.inline-toolbar {
+    @extend %inset-bar;
+    border-width: 0 1px 1px;
+    padding: 3px;
+    border-radius: 0  0 4px 4px;
+  }
+  &.search-bar {
+    @extend %inset-bar;
+    border-width: 0 0 1px;
+    padding: 3px;
+  }
+}
+
+%inset-bar {
+  border-style: solid;
+  border-color: $borders_color;
+  $_bg: mix($bg_color, $borders_color, 70%);
+  background-color: $_bg;
+  box-shadow: inset 0 2px 3px -1px mix($borders_color, $_bg, 60%);
+  //FIXME edge would be nice, but doesn't work
+  &:backdrop {
+    border-color: $backdrop_borders_color;
+    background-color: mix($backdrop_borders_color,$backdrop_bg_color, 35%);
+    box-shadow: none;
+  }
+}
+
+/***************
+ * Header bars *
+ ***************/
+
+.titlebar,
+.header-bar {
+  border-width: 0 0 1px;
+  border-style: solid;
+  border-color: $borders_color;
+  border-radius: 7px 7px 0 0;
+
+  background-color: transparent;
+  background-image: linear-gradient(to bottom,
+                                    lighten($bg_color,4%),
+                                    $bg_color);
+  box-shadow: inset 0 -1px mix($borders_color, $bg_color, 30%), // bottom shade
+              inset 0 1px $borders_edge; // top highlight
+  padding: 6px;
+
+  &:backdrop {
+    border-color: $backdrop_borders_color;
+    background-color: $bg_color;
+    background-image: none;
+    box-shadow: none;
+  }
+
+  .title {
+    font: Bold;
+    padding: 0px 12px;
+  }
+  .subtitle {
+    font-size: 80%;
+    padding: 0 12px;
+  }
+  .header-bar-separator,
+  & > GtkBox > .separator.vertical {
+    -GtkWidget-wide-separators: true;
+    -GtkWidget-separator-width: 1px;
+    border-width: 0 1px;
+    border-image: linear-gradient(to bottom,
+                                  transparentize($borders_color,1),
+                                  $borders_color 30%,
+                                  $borders_color 70%,
+                                  transparentize($borders_color,1) 100%)
+                  0 1 / 0 1px stretch; //FIXME use a proper color
+    &:backdrop {
+      border-image: linear-gradient(to bottom,
+                                    transparentize($backdrop_borders_color,
+                                                   0.5))
+                    0 1 / 1px 1px;  //FIXME use a proper color
+    }
+  }
+  &.selection-mode {
+    color: darken($selected_bg_color, 15%);
+    text-shadow: 0 1px transparentize(black, 0.5);
+    background-image: linear-gradient(to bottom,
+                                    lighten($selected_bg_color,5%),
+                                    lighten($selected_bg_color,2%));
+    box-shadow: inset 0 -1px mix($borders_color,$bg_color, 30%), //bottom shade
+                inset 0 1px mix($borders_edge,$selected_bg_color, 50%); //top highlight
+    .button {
+      @include button(normal, $selected_bg_color, $selected_fg_color, noedge);
+      &:hover { @include button(hover, $selected_bg_color, $selected_fg_color, noedge); }
+      &:active { @include button(active, $selected_bg_color, $selected_fg_color, noedge); }
+      &:insensitive { @include button(insensitive, $selected_bg_color, $selected_fg_color, noedge); }
+      &:backdrop { 
+        @include button(backdrop, $selected_bg_color, $selected_fg_color, noedge);
+        border-color: darken($selected_bg_color, 15%);
+      }
+      &:backdrop:insensitive { @include button(backdrop-insensitive, $selected_bg_color, $selected_fg_color, noedge); }
+      &.suggested-action {
+        @include button($t:normal, $noedge:true);
+        &:hover { @include button($t:hover,$noedge:true); }
+        &:active { @include button($t:active, $noedge:true); }
+        &:insensitive { @include button($t:insensitive, $noedge:true); }
+        &:backdrop { @include button($t:backdrop, $noedge:true); }
+        &:backdrop:insensitive { @include button($t:backdrop-insensitive, $noedge:true); }
+      }
+    }
+    .selection-menu {
+      border-width: 0;
+      background-image: none;
+      box-shadow: none;
+    }
+  }
+  .tiled &, .maximized & {
+    border-radius: 0; // squared corners when the window is max'd or tiled
+  }
+}
+
+/**************
+ * Tree Views *
+ **************/
+column-header {
+  .button {
+    @extend %column_header_button;
+    $_column_header_color: mix($fg_color,$base_color,50%);
+    color: $_column_header_color;
+    font-weight: bold;
+    text-shadow: none;
+    box-shadow: none;
+    &:hover {
+      @extend %column_header_button;
+      color: mix($_column_header_color,$fg_color,50%);
+      box-shadow: none;
+    }
+    &:active {
+      @extend %column_header_button;
+      color: $fg_color;
+    }
+  }
+  &:last-child .button,
+  &:last-child.button { //treeview-like derived widgets in Banshee and Evolution
+    border-right-style: none;
+  }
+}
+
+%column_header_button {
+  border-width: 0 1px 1px 0;
+  border-radius: 0;
+  background-image: none;
+  border-color: $bg_color;
+  text-shadow: none;
+  &:insensitive {
+    border-color: $bg_color;
+    background-image: none;
+  }
+  &:backdrop {
+    border-color: $backdrop_bg_color;
+    border-width: 0 1px 1px 0;
+    color: mix($backdrop_fg_color, $backdrop_bg_color,50%);
+    background-image: none;
+    &:insensitive {
+      border-color: $backdrop_bg_color;
+      background-image: none;
+    }
+  }
+}
+GtkTreeView.view.progressbar { //Progressbar in treeview cells
+  color: $base_color;
+  border-radius: 4px;
+  background-image: linear-gradient(to bottom,
+                                    $selected_bg_color,
+                                    darken($selected_bg_color,10%));
+  &:selected {
+    color: $selected_bg_color;
+    background-image: linear-gradient(to bottom,
+                                     $base_color,
+                                     darken($base_color,10%));
+    &:backdrop {
+      color: $selected_bg_color;
+      background-image: none;
+      background-color: $backdrop_base_color;
+    }
+  }
+  &:backdrop {
+    color: $backdrop_base_color;
+    background-image: none;
+  }
+}
+
+/*********
+ * Menus *
+ *********/
+.menubar {
+  padding: 0px;
+  background-color: mix($fg_color,$bg_color,5%); //Uhm?
+  &:backdrop { background-color: $backdrop_bg_color; }
+  & > .menuitem {
+    padding: 4px 8px;
+    &:hover { //Seems like it :hover even with keyboard focus
+      box-shadow: inset 0 -3px $selected_bg_color;
+      color: $selected_bg_color;
+    }
+    &:insensitive {
+      color: $insensitive_fg_color;
+      box-shadow: none;
+    }
+  }
+}
+
+.menu {
+  padding: 0px;
+  background-color: $base_color;
+  //border: 1px solid $borders_color;
+  .menuitem {
+    padding: 4px;
+    &:hover {
+      color: $selected_fg_color;
+      background-color: $selected_bg_color;
+    }
+    &:insensitive {
+      color: $insensitive_fg_color;
+      &:backdrop { color: $backdrop_insensitive_color; }
+    }
+    &:backdrop, &:backdrop:hover {
+      color: $backdrop_fg_color;
+      background-color: $backdrop_base_color;
+    }
+    //submenu indicators
+    &.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); }
+    &.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
+  }
+}
+
+
+
+/***************
+ * Popovers   *
+ ***************/
+
+.popover {
+  margin: 10px;
+  padding: 2px;
+  border-color: $borders-color;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 5px;
+  //background-clip: border-box;
+  background-color: $bg_color;
+
+  box-shadow: 0 2px 3px transparentize(black, 0.5);
+  &:backdrop {
+    box-shadow: none;
+  }
+  & > .list,
+  & > .view,
+  & > .toolbar {
+    background-color: transparent;
+  }
+  .separator {
+    font-size: 80%;
+    font-weight: bold;
+    color: mix($fg_color, $bg_color, 20%);
+    text-shadow: none;
+    background-color: transparent;
+    icon-shadow: none;
+    border: 0;
+  }
+  .button.flat,
+  .button.flat:hover {
+    text-shadow: none;
+    transition: none;
+  }
+  &.osd { // Also used for touch cutnpaste overlays
+          // FIXME Doesn't work
+    background-image: none;
+    background-color: $osd_bg_color;
+    border: 1px solid $borders_color;
+    color: $osd_fg_color;
+    .button {
+      color: white;
+      text-shadow: none;
+      @include button(osd);
+      &:hover { @include button(osd-hover); };
+      &:active { @include button(osd-active); };
+      &:insensitive { @include button(osd-insensitive); };
+    }
+  }
+}
+
+//touch selection handlebars for the Popover.osd above
+.cursor-handle {
+  background-color: transparent;
+  background-image: none;
+  &.top { -gtk-icon-source: -gtk-icontheme('selection-start-symbolic'); }
+  &.bottom { -gtk-icon-source: -gtk-icontheme('selection-end-symbolic'); }
+}
+
+/*****************
+ * Notebooks and *
+ * Tabs          *
+ *****************/
+
+.notebook {
+  // Through me you go to the grief wracked city;
+  // Through me you go to everlasting pain;
+  // Through me you go a pass among lost souls.
+  // ...
+  // Abandon all hope — Ye Who Enter Here
+  padding: 0;
+  background-color: $base_color;
+  -GtkNotebook-initial-gap: 10;
+  -GtkNotebook-arrow-spacing: 5;
+  -GtkNotebook-tab-curvature: 0;
+  -GtkNotebook-tab-overlap: -8;
+  -GtkNotebook-has-tab-gap: false;
+  -GtkWidget-focus-padding: 0;
+  -GtkWidget-focus-line-width: 0;
+  transition: all 200ms ease-out;
+  &:backdrop {
+    background-color: $backdrop_base_color;
+  }
+  &.frame {
+    border: 1px solid $borders_color;
+    // FIXME doesn't work
+    &.top { border-top-width: 0; }
+    &.bottom { border-bottom-width: 0; }
+    &.right { border-right-width: 0; }
+    &.left { border-left-width: 0; }
+    &:backdrop { border-color: $backdrop_borders_color; }
+  }
+  &.header {
+    // FIXME: double borders in some case, can't fix it w/o a class tho
+    // FIXME: doesn't work on dark var
+    background-color: mix($bg_color, $borders_color, 70%);
+
+    // this is the shading of the header behind the tabs
+    &.frame {
+      border: 1px solid $borders_color;
+      &.top { border-bottom-width: 0; }
+      &.bottom { border-top-width: 0; }
+      &.right { border-left-width: 0; }
+      &.left { border-right-width: 0; }
+      &:backdrop { border-color: $backdrop_borders_color; }
+    }
+
+    $_header_shade: inset 0 2px 3px -1px transparentize(black, 0.85);
+    &.top {
+      box-shadow: $_header_shade,
+                  inset 0 -1px $borders_color; // border
+      &:backdrop { box-shadow: inset 0 -1px $backdrop_borders_color; }
+    }
+    &.bottom {
+      box-shadow: $_header_shade,
+                  inset 0 1px $borders_color;
+      &:backdrop { box-shadow: inset 0 1px $backdrop_borders_color; }
+    }
+    &.right {
+      box-shadow: $_header_shade,
+                  inset 1px 0 $borders_color;
+      &:backdrop { box-shadow: inset 1px 0 $backdrop_borders_color; }
+    }
+    &.left {
+      box-shadow: $_header_shade,
+                  inset -1px 0 $borders_color;
+      &:backdrop { box-shadow: inset -1px 0 $backdrop_borders_color; }
+    }
+    &:backdrop {
+      // same color as backdrop pushed button
+      background-color: mix($backdrop_borders_color,$backdrop_bg_color, 35%);
+      box-shadow: none;
+    }
+  }
+  tab {
+    border-width: 0;
+    border-style: solid;
+    border-color: transparent;
+    background-color: transparent;
+
+    outline-offset: 0;
+
+    $tab_indicator_size: 3px;
+    //vertical tab sizing
+    $vt_vpadding: 8px;
+    $vt_hpadding: 20px;
+    // horizontal tab sizing
+    $ht_vpadding: 5px;
+    $ht_hpadding: 20px;
+
+    //FIXME: we get double border in some cases, not considering the broken
+    //notebook content frame...
+    &.top, &.bottom { padding: $vt_vpadding $vt_hpadding; }
+    &.left, &.right { padding: $ht_vpadding $ht_hpadding; }
+
+
+    /* works for testnotebookdnd, but there's a superfluous border
+       in gedit or web, commented out for now, needs gtk fixes
+    &.reorderable-page {
+      &.top {
+        padding-top: ($vt_vpadding - 1px);
+        border-top-width: 1px;
+        border-left-width: 1px;
+        border-right-width: 1px;
+      }
+      &.bottom {
+        padding-bottom: ($vt_vpadding - 1px);
+        border-bottom-width: 1px;
+        border-left-width: 1px;
+        border-right-width: 1px;
+      }
+      &.left {
+        padding-left: ($ht_hpadding - 1px);
+        border-left-width: 1px;
+        border-top-width: 1px;
+        border-bottom-width: 1px;
+      }
+      &.right {
+        padding-right: ($ht_hpadding - 1px);
+        border-right-width: 1px;
+        border-top-width: 1px;
+        border-bottom-width: 1px;
+      }
+    }
+    */
+    &.reorderable-page {
+      &.top, &.bottom {
+        padding-left: 12px;  // for a nicer close button
+        padding-right: 12px; // placement
+        border-left-width: 1px;
+        border-right-width: 1px;
+      }
+      &.left, &.right {
+        border-bottom-width: 1px;
+        border-top-width: 1px;
+      }
+    }
+    &.top {
+      //padding-bottom: ($vt_vpadding -$tab_indicator_size);
+      border-bottom-width: $tab_indicator_size;
+    }
+    &.bottom {
+      //padding-top: ($vt_vpadding -$tab_indicator_size);
+      border-top-width: $tab_indicator_size;
+    }
+    &.left {
+      //padding-right: ($ht_hpadding -$tab_indicator_size);
+      border-right-width: $tab_indicator_size;
+    }
+    &.right {
+      //padding-left: ($ht_hpadding -$tab_indicator_size);
+      border-left-width: $tab_indicator_size;
+    }
+
+    //here's the interesting stuff
+    &:hover, &.prelight-page {
+      border-color: $borders_color;
+    }
+    &:active, &.active-page, &:backdrop:active {
+      border-color: $selected_bg_color;
+    }
+    &:backdrop {
+      background-color: transparent;
+      border-color: transparent;
+    }
+    @each $_tab, $_border in (top, bottom),
+                             (bottom, top),
+                             (left, right),
+                             (right, left) {
+      &.reorderable-page.#{$_tab} {
+        border-color: transparent;
+        &:hover, &.prelight-page {
+          border-color: transparentize($borders_color,0.7);
+          border-#{$_border}-color: $borders_color;
+          background-color: transparentize($bg_color,0.8);
+        }
+        &:active, &.active-page {
+          background-color: transparentize($bg_color,0.5);
+          border-color: transparentize($borders_color,0.5);
+          border-#{$_border}-color: $selected_bg_color;
+          &:hover { background-color: transparentize($bg_color,0.3); }
+          &:backdrop {
+            border-color: $backdrop_borders_color;
+            background-color: $backdrop_bg_color;
+            border-#{$_border}-color: $selected_bg_color;
+          }
+        }
+        &:backdrop {
+          border-color: transparent;
+          background-color: transparent;
+        }
+      }
+    }
+    GtkLabel { //tab text
+      padding: 0 2px; // needed for a nicer focus ring
+      font-weight: bold;
+      color: $insensitive_fg_color; /* color: inherit doesn't work here */
+      &:backdrop, &.prelight-page:backdrop {
+        color: mix($backdrop_fg_color, $backdrop_insensitive_color, 50%);
+      }
+    }
+    &.prelight-page GtkLabel, GtkLabel.prelight-page {
+      // prelight tab text
+      color: mix($fg_color, $insensitive_fg_color, 50%);
+    }
+    &.active-page GtkLabel, GtkLabel.active-page {
+      // active tab text
+      color: $fg_color;
+      &:backdrop { color: $backdrop_fg_color; }
+    }
+    .button { //tab close button
+      border: 1px solid transparent;
+      @extend %undecorated_button;
+      icon-shadow: none;
+      transition: none;
+      color: transparentize($fg_color,0.7);
+      &:hover {
+        color:  $fg_color;
+        @include button(hover, $noedge: true);
+        background-image: none;
+        box-shadow: none;
+      }
+      &:active {
+        @include button(active, $noedge: true);
+      }
+      &:backdrop {
+        color: transparentize($backdrop_fg_color,0.7);
+        border-color: transparent;
+      }
+      & > GtkImage { // this is a hack which makes tabs grow
+        padding: 2px;
+      }
+    }
+  }
+}
+
+//.notebook > .frame,
+//.notebook > .view { border: none; }
+
+/**************
+ * Scrollbars *
+ **************/
+
+.scrollbar {
+  background-clip: padding-box;
+  background-image: none;
+  border-style: solid;
+  -GtkRange-trough-border: 0;
+  -GtkScrollbar-has-backward-stepper: false;
+  -GtkScrollbar-has-forward-stepper: false;
+  -GtkRange-slider-width: 20;
+  -GtkScrollbar-min-slider-length: 42; // minimum size for the slider.
+                                       // sadly can't be in '.slider'
+                                       // where it belongs
+
+  -GtkRange-stepper-spacing: 0;
+  -GtkRange-trough-under-steppers: 1;
+  .button {
+    border: none;
+  }
+  &.trough { @extend .scrollbars-junction; }
+  &.slider {
+    border-radius: 20px;
+    border: 3px solid transparent; //margin :/
+    background-color: mix($bg_color, $fg_color, 50%);
+    &:backdrop, &:insensitive {
+      background-color: mix($bg_color, $fg_color, 90%);
+    }
+    &:hover {
+      background-color: mix($bg_color, $fg_color, 30%);
+    }
+    &:prelight:active {
+      background-color: $selected_bg_color;
+    }
+    &.fine-tune {
+      border-width: 5px;
+      &:prelight:active {
+        background-color: $selected_bg_color;
+      }
+    }
+  }
+}
+
+.scrollbars-junction { // the small square between two scrollbars
+  border-color: transparent;
+  background-color: darken($bg_color, 5%);
+  &:backdrop { background-color: transparent; }
+}
+
+
+/**********
+ * Switch *
+ **********/
+
+GtkSwitch {
+    -GtkSwitch-slider-width: 47px;
+    font: bold condensed 9;
+    outline-offset: -4px;
+    &.trough {
+      // similar to the .scale
+      border-width: 1px;
+      border-style: solid;
+      border-radius: 3px;
+      border-color: $borders_color;
+      background-color: mix($bg_color,$borders_color,60%);
+      box-shadow: inset 0 1px transparentize(black, 0.9); /*outset not working*/
+      text-shadow: 0 1px transparentize(black, 0.9);
+      &:active {
+        color: white;
+        border-color: $selected_borders_color;
+        background-color: $selected_bg_color;
+        box-shadow: $widget_edge;
+        text-shadow: 0 0 2px white;
+      }
+      &:insensitive {
+        color: $insensitive_fg_color;
+        border-color: $borders_color;
+        background-color: $insensitive_bg_color;
+        box-shadow: $widget_edge;
+        text-shadow: none;
+      }
+      &:backdrop {
+        color: $backdrop_fg_color;
+        border-color: $backdrop_borders_color;
+        background-color: $backdrop_bg_color;
+        box-shadow: none;
+        text-shadow: none;
+        &:active {
+          color: $backdrop_bg_color;
+          border-color: $selected_bg_color;
+          background-color: $selected_bg_color;
+          box-shadow: none;
+        }
+        &:insensitive {
+          color: $backdrop_insensitive_color;
+          border-color: $backdrop_insensitive_color;
+        }
+      }
+    }
+    &.slider {
+      border-radius: 3px;
+      @include button(normal, $noedge: true);
+      box-shadow: inset 0 1px white,
+                  inset 0 -2px transparentize($bg_color,0.4),
+                  inset 0 -1px mix($bg_color,$borders_color,50%);
+      &:hover {
+        @include button(hover, $noedge: true);
+        box-shadow: inset 0 1px white,
+                    inset 0 -2px transparentize($bg_color,0.4),
+                    inset 0 -1px mix($bg_color,$borders_color,50%);
+      }
+      &:active { border: 1px solid $selected_borders_color; }
+      &:insensitive { @include button(insensitive, $noedge: true); }
+      &:backdrop { @include button(backdrop);
+        &:active{ border-color: $selected_bg_color; }
+        &:insensitive {
+          @include button(backdrop-insensitive);
+        }
+      }
+    }
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+
+// FIXME
+
+GtkCheckButton.text-button, GtkRadioButton.text-button {
+  // this is for a nice focus on check and radios text
+  padding: 1px;
+  outline-offset: 0;
+}
+
+@each $w,$a in ('check', 'checkbox'),
+               ('radio','radio') {
+  .#{$w} {
+    color: transparentize($fg_color,0.9);
+    background-image: none;
+    -gtk-icon-source: -gtk-icontheme('#{$a}-checked-symbolic');
+    &:active {
+    color: $fg_color;
+      &:insensitive {
+        color: $insensitive_fg_color;
+        &:backdrop { color: $backdrop_insensitive_color; }
+      }
+      &:backdrop { color: $backdrop_fg_color; }
+    }
+    &:insensitive {
+      color: transparentize($insensitive_fg_color,0.9);
+      &:backdrop { color: transparent; }
+    }
+    &:inconsistent {
+      -gtk-icon-source: -gtk-icontheme('#{$a}-mixed-symbolic');
+    }
+    &:selected, &:selected:focus {
+      // :selected:focus not to get overridden by .view style
+      color: transparentize($selected_fg_color,0.9);
+      &:active {
+        color: $selected_fg_color;
+        &:backdrop {
+          color: $backdrop_base_color;
+        }
+      }
+    }
+    &:backdrop {
+      color: transparentize($backdrop_fg_color,0.9);
+      &:selected { color: transparentize($backdrop_base_color,0.9); }
+    }
+  }
+}
+
+/************
+ * GtkScale *
+ ************/
+.scale,
+.scale.scale-has-marks-above.scale-has-marks-below,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below {
+  -GtkScale-slider-length: 20;
+  -GtkRange-slider-width: 20;
+  -GtkRange-trough-border: 2;
+  outline-offset: -9px;
+  outline-radius: 4px;
+  margin: 10px;
+  &.fine-tune {
+    margin: 8px;
+    outline-offset: -7px;
+    outline-radius: 6px;
+    &.trough { border-radius: 4px; }
+  }
+  &.slider {
+    //FIXME: better gradient on the slider and hover state
+    @include button(normal, $noedge: true);
+    border-radius: 50%;
+    border-color: darken($borders_color,3%);
+    box-shadow: inset 0 1px white,
+                inset 0 #{-2px} $bg_color,
+                inset 0 #{-1px} mix($bg_color,$borders_color,50%);
+    &:hover {
+      @include button(hover, $noedge: true);
+      border-color: darken($borders_color,3%);
+      border-radius: 50%; // needed for double marks scales
+      box-shadow: inset 0 1px white,
+                  inset 0 #{-2px} white,
+                  inset 0 #{-1px} mix($bg_color,$borders_color,70%);
+    }
+    &:insensitive {
+      border-style: solid; // needed for double marks scales or they'll get
+      border-radius: 50%;  // overridden
+      background-image: linear-gradient(to bottom, $insensitive_bg_color);
+      box-shadow: none;
+    }
+    &:backdrop {
+      border-style: solid; // needed for double marks scales or they'll get
+      border-radius: 50%;  // overridden
+      border-color: darken($backdrop_borders_color,3%);
+      background-image: linear-gradient(to bottom, $backdrop_bg_color);
+      box-shadow: none;
+    }
+    &:backdrop:insensitive { @include button(backdrop-insensitive);}
+    &:active { 
+      border: 1px solid darken($selected_borders_color,3%); 
+    }
+  }
+  &.trough {
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 3px;
+    border-color: $borders_color;
+    background-color: mix($bg_color,$borders_color,60%);
+    box-shadow: inset 1px 1px transparentize(black, 0.9),
+                $widget_edge;
+    &.highlight {
+      border-color: $selected_borders_color;
+      background-color: $selected_bg_color;
+      box-shadow: $widget_edge;
+      &:backdrop {
+         border-color: $selected_bg_color;
+         background-color: $selected_bg_color;
+         box-shadow: none;
+      }
+    }
+    &:insensitive, &.hilight:insensitive {
+      border-color: $insensitive_borders_color;
+      background-color: $insensitive_bg_color;
+      box-shadow: $widget_edge;
+    }
+    &:backdrop {
+      border-color: $backdrop_borders_color;
+      background-color: mix($backdrop_bg_color,$borders_color);
+      box-shadow: none;
+    }
+    &:backdrop:insensitive, .hilight:backdrop:insensitive {
+      border-color: $backdrop_insensitive_color;
+      background-color: $backdrop_bg_color;
+    }
+  }
+}
+ 
+//FIXME: scale sliders
+
+%scale_marks_above_horz {
+  margin: 14px 10px 10px;
+  &.fine-tune { margin: 12px 8px 8px; }
+}
+%scale_marks_below_horz {
+  margin: 10px 10px 14px;
+  &.fine-tune { margin: 8px 8px 12px; }
+}
+%scale_marks_above_vert {
+  margin: 10px 10px 10px 14px;
+  &.fine-tune { margin: 8px 8px 8px 12px; }
+}
+%scale_marks_below_vert {
+  margin: 10px 14px 10px 10px;
+  &.fine-tune { margin: 8px 12px 8px 8px; }
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+
+//FIXME it's a wip ok?
+
+GtkProgressBar {
+    padding: 0;
+    font-size: 83%;
+    color: transparentize($fg_color, 0.6);
+    &:backdrop {
+      color: $backdrop_insensitive_color;
+    }
+}
+
+// moving bit
+.progressbar {
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 3px;
+  border-color: $selected_borders_color;
+  background-color: $selected_bg_color;
+  // I really prefer these flat w/o this shadow - Lapo
+  box-shadow: inset 0 1px 0 transparentize($borders_edge,0.8);
+  &.vertical {
+    box-shadow: inset 1px 0 0 transparentize($borders_edge,0.8);
+  }
+  &:backdrop {
+    border-color: $selected_bg_color;
+    background-color: $selected_bg_color;
+    box-shadow: none;
+  }
+  &.osd {
+    border-width: 0;
+    border-radius: 0;
+    -GtkProgressBar-xspacing: 0;
+    -GtkProgressBar-yspacing: 2px;
+    -GtkProgressBar-min-horizontal-bar-height: 2px; //FIXME still too tall
+  }
+}
+
+// background
+GtkProgressBar.trough {
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 3px;
+  border-color: $borders_color;
+  background-color: mix($borders_color,$bg_color, 35%);
+  box-shadow: inset 1px 1px transparentize(black, 0.9),
+              $widget_edge;
+  &:backdrop{
+    border-color: $backdrop_borders_color;
+    background-color: mix($backdrop_borders_color,$backdrop_bg_color, 35%);
+    box-shadow: 0 1px transparentize(white,1);
+  }
+  &.osd {
+    background-color: transparent;
+    box-shadow: none;
+    border-width: 0;
+    //FIXME: there is a margin on top
+  }
+}
+
+/*************
+ * Level Bar *
+ *************/
+
+GtkLevelBar {
+  -GtkLevelBar-min-block-width: 34;
+  -GtkLevelBar-min-block-height: 3;
+}
+
+GtkLevelBar.vertical {
+  -GtkLevelBar-min-block-width: 3;
+  -GtkLevelBar-min-block-height: 34;
+}
+
+.level-bar {
+  &.trough {
+    // FIXME: outset not working
+    padding: 2px;
+    border-radius: 3px;
+    @include entry(normal);
+    &:backdrop {
+      @include entry(backdrop);
+    }
+  }
+  &.fill-block {
+    // FIXME: it would be nice to set make fill blocks bigger, but we'd need
+    // :nth-child working on discrete indicators
+    border-width: 1px;
+    border-style: solid;
+    border-color: darken($selected_bg_color,10%);
+    background-color: $selected_bg_color;
+    box-shadow: 0 1px transparentize(black, 0.9);
+    border-radius: 1px;
+    &:backdrop {
+      border-color: $selected_bg_color;
+      box-shadow: none;
+    }
+    &.indicator-discrete {
+      &.horizontal { margin: 0 1px; }
+      &.vertical { margin: 1px 0; }
+    }
+    &.level-high {
+      border-color: darken($success_color,10%);
+      background-color: $success_color;
+      &:backdrop { border-color: $success_color; }
+    }
+    &.level-low {
+      border-color: darken($warning_color,10%);
+      background-color: $warning_color;
+      &:backdrop { border-color: $warning_color; };
+    }
+    &.empty-fill-block {
+      background-color: transparent;
+      border-color: transparentize($fg_color,0.8);
+      box-shadow: none;
+      &:backdrop { border-color: transparentize($backdrop_fg_color,0.85); }
+    }
+  }
+}
+
+// catch all extend :)
+
+%selected_items {
+  background-color: $selected_bg_color;
+  color: $selected_fg_color;
+  outline-color: transparentize($selected_fg_color, 0.7);
+  &:backdrop { color: $backdrop_base_color; }
+}
+
+/**********
+ * Frames *
+ **********/
+.frame {
+  border: 1px solid $borders_color;
+  &.flat { border-style: none; }
+  &:backdrop { border-color: $backdrop_borders_color; }
+  padding: 0;
+  &.action-bar {
+    padding: 6px;
+    border-width: 1px 0 0;
+  }
+}
+
+GtkScrolledWindow {
+  .frame { border-radius: 2px; }
+  GtkViewport.frame { // avoid double borders when viewport inside scrolled window
+    border-style: none;
+  }
+}
+
+//vbox and hbox separators
+.separator {
+  // always disable separators
+  // -GtkWidget-wide-separators: true;
+  color: transparentize(black, 0.9);
+
+  // Font and File button separators
+  GtkFileChooserButton &,
+  GtkFontButton & {
+    // always disable separators
+    -GtkWidget-wide-separators: true;
+    -GtkWidget-horizontal-separator: 0;
+    -GtkWidget-vertical-separator: 0;
+  }
+}
+
+/*********
+ * Lists *
+ *********/
+
+.list, .list-row {
+  background-color: $base_color;
+  border-color: $borders_color;
+  &:backdrop {
+    background-color: $backdrop_base_color;
+    border-color: $backdrop_borders_color;
+  }
+}
+
+.list-row,
+.grid-child {
+  padding: 2px;
+}
+
+.list-row.button {
+  @extend %undecorated_button;
+  background-color: transparentize($base_color,1); // for the transition
+  border-style: none; // I need no borders here
+  border-radius: 0;   // and no rounded corners
+  box-shadow: none;   // and no box-shadow
+  &:hover {
+    background-color: mix(black, $base_color, 5%);
+  }
+  &:active {
+    box-shadow: inset 0 2px 2px -2px transparentize(black,0.8);
+  }
+  &:selected {
+    &:active { box-shadow: inset 0 2px 3px -1px transparentize(black,0.5); }
+    &:hover {
+      background-color: mix(black, $selected_bg_color, 10%);
+    }
+  }
+  &:backdrop:hover {
+    @extend %undecorated_button;
+  }
+}
+
+.list-row:selected {
+  background-color: $selected_bg_color;
+  color: $selected_fg_color;
+  &:backdrop { color: $backdrop_base_color;}
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+
+.app-notification {
+  border-width: 0 1px 1px;
+  border-style: solid;
+  border-color: $borders_color;
+  border-radius: 0 0 6px 6px;
+  background-image: linear-gradient(to bottom, mix(black, $bg_color, 6%) 5%,
+                              mix(black, $bg_color, 4%));
+  // FIXME no space for outer shadow : box-shadow: 0 1px 1px rgba(0,0,0,.5);
+  padding: 0 4px;
+  .button { padding: 6px; }
+}
+
+/*************
+ * Expanders *
+ *************/
+
+GtkExpander {
+  -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+  &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
+  &:hover { color: lighten($fg_color,30%); } //only lightens the arrow
+  &:active { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
+}
+
+/************
+ * Calendar *
+ ***********/
+GtkCalendar { 
+  border: 1px solid $borders_color; 
+  &.button {
+    @extend %undecorated_button; 
+    padding: 0 4px; //FIXME no effect on these pseudobuttons
+    color: mix($fg_color, $base_color, 40%); //we need a dimmed stuff var 
+    &:hover {
+      @extend %undecorated_button; 
+      color: $fg_color; 
+    } 
+    &:backdrop, &:backdrop:hover { 
+      @extend %undecorated_button; 
+      color: mix($backdrop_fg_color, $backdrop_base_color, 50%); 
+    } 
+  }
+  &.view { border-radius: 2px; }
+  &.header {
+    background: linear-gradient(to bottom,
+                                lighten($bg_color,2%),
+                                darken($bg_color,2%));
+    border-bottom-color: mix($borders_color,$bg_color,50%);
+    &:backdrop { 
+      background-image: linear-gradient(to bottom, $backdrop_bg_color); 
+      border-bottom-color: mix($backdrop_borders_color,$backdrop_bg_color,50%);
+    }
+  }
+}
+
+/***********
+ * Dialogs *
+ ***********/
+
+.message-dialog .dialog-action-area .button {
+  padding: 8px;
+}
+
+.message-dialog { // Message Dialog styling
+  -GtkDialog-button-spacing: 0;
+  .titlebar {
+    border-style: none;
+    box-shadow: inset 0 1px $borders_edge;
+  }
+  &.csd { // rounded bottom border styling for csd version
+    // bigger radius for better antialiasing
+    border-bottom-left-radius: 9px;
+    border-bottom-right-radius: 9px;
+    .dialog-action-area .button {
+      padding: 12px;
+      border-radius: 0;
+      @include button(normal, $noedge: true);
+      @extend %middle_button;
+      &:hover {
+        @include button(hover, $noedge: true);
+        @extend %middle_button;
+      }
+      &:active {
+        @include button(active, $noedge: true);
+        @extend %middle_button;
+      }
+      &:insensitive {
+        @include button(insensitive, $noedge: true);
+        @extend %middle_button;
+      }
+      &:backdrop {
+        @include button(backdrop, $noedge: true);
+        @extend %middle_button;
+      }
+      &:backdrop:insensitive {
+        @include button(backdrop-insensitive, $noedge: true);
+        @extend %middle_button;
+      }
+      @each $b_type, $b_color in (suggested-action, $selected_bg_color),
+                                 (destructive-action, $destructive_color) {
+        &.#{$b_type} {
+          @include button(normal, $b_color, white, $noedge: true);
+          @extend %middle_button;
+          &:hover {
+            @include button(hover, $b_color, white, $noedge: true);
+            @extend %middle_button;
+          }
+          &:active {
+            @include button(active, $b_color, white, $noedge: true);
+            @extend %middle_button;
+          }
+          &:backdrop {
+            @include button(backdrop, $b_color, white);
+            @extend %middle_button;
+            &:insensitive {
+              @include button(backdrop-insensitive);
+              @extend %middle_button;
+            }
+          }
+          &:insensitive {
+            @include button(insensitive);
+            @extend %middle_button;
+          }
+        }
+      }
+      &:first-child{ @extend %first_button; }
+      &:last-child { @extend %last_button; }
+    }
+    %middle_button {
+      border-right-style: none;
+      border-bottom-style: none;
+    }
+    %last_button { border-bottom-right-radius: 7px; }
+    %first_button {
+      border-left-style: none;
+      border-bottom-left-radius: 7px;
+    }
+  }
+}
+
+GtkFileChooserDialog {
+  .search-bar {
+    background-color: $base_color;
+    border-color: $bg_color;
+    box-shadow: none;
+    &:backdrop {
+      background-color: $backdrop_base_color;
+      border-color: $backdrop_bg_color;
+    }
+  }
+  .dialog-action-box {
+    border-top: 1px solid $borders_color;
+    &:backdrop { border-top-color: $backdrop_borders_color; }
+  }
+}
+
+/***********
+ * Sidebar *
+ ***********/
+
+.sidebar,
+.sidebar .view {
+  border: none;
+  $_sidebar_bg: lighten($bg_color,5%);
+  background-color: $_sidebar_bg;
+  .scrollbar {
+    &.trough {
+      background-color: darken($bg_color,10%);
+      border-radius: 6px;
+      border-width: 2px;
+      border-color: transparent;
+    }
+    &.slider {
+      background-color: $_sidebar_bg;
+      &:hover { background-color: lighten($bg_color, 10%); }
+    }
+  }
+  &:backdrop {
+    background-color: lighten($backdrop_bg_color,5%);
+  }
+  &:selected {
+    background-color: $selected_bg_color;
+  }
+ .separator {
+    color: mix($_sidebar_bg,$borders_color,70%);
+  }
+}
+
+GtkPaned {
+  // This is actually the invisible area of the paned separator, not a margin...
+  margin: 0 8px 8px 0; //drag area of the separator
+  &:dir(rtl) {
+    margin-right: 0;
+    margin-left: 8px;
+  }
+}
+
+.pane-separator {
+  //FIXME abusing a background-image to get rid of the handle decoration
+  //I'd like something better...
+  background-image: linear-gradient(to bottom, $borders_color);
+  &:backdrop {
+    background-image: linear-gradient(to bottom, $backdrop_borders_color);
+  }
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+GtkInfoBar {
+  border-width: 0;
+  border-style: none;
+}
+
+.info,
+.question,
+.warning,
+.error {
+  background-color: $selected_bg_color;
+  color: $selected_fg_color;
+  text-shadow: 0 1px darken($selected_bg_color, 10%);
+  border-color: darken($selected_bg_color, 10%);
+  .button {
+    @include button(normal, $selected_bg_color, $selected_fg_color, noedge);
+    &:hover { @include button(hover, $selected_bg_color, $selected_fg_color, noedge); }
+    &:active { @include button(active, $selected_bg_color, $selected_fg_color, noedge); }
+    &:insensitive { @include button(insensitive, $selected_bg_color, $selected_fg_color, noedge); }
+    &:backdrop { @include button(backdrop, $selected_bg_color, $selected_fg_color, noedge); }
+    &:backdrop:insensitive { @include button(backdrop-insensitive, $selected_bg_color, $selected_fg_color, noedge); }
+  }
+}
+
+/************
+ * Tooltips *
+ ************/
+
+.tooltip {
+  color: white;
+  padding: 4px; /* not working */
+  border-radius: 5px;
+  background-color: transparentize(black,0.2);  //FIXME proper color
+  text-shadow: 0 1px black;
+//  border: 2px solid $borders_color; gnome shell style?
+}
+
+.tooltip * { //Yeah this is ugly
+  padding: 4px;
+  background-color: transparent;
+  color: inherit; // just to be sure
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+
+GtkColorSwatch {
+
+  border: 1px solid transparentize(black,0.7);
+  box-shadow: inset 0 1px 1px transparentize(black, 0.8);
+
+  &.color-light {
+    &:hover {
+      background-image: linear-gradient(to bottom,
+                                        transparentize(white, 1) 40%,
+                                        transparentize(white, 0.6));
+      &:backdrop { background-image: none; }
+    }
+  }
+  &.color-dark {
+    &:hover {
+       background-image: linear-gradient(to bottom,
+                                        transparentize(white, 1) 40%,
+                                        transparentize(white, 0.8));
+       &:backdrop { background-image: none; }
+    }
+  }
+
+  &:hover { border-color: transparentize(black, 0.5); }
+
+  &:backdrop { border-color: transparentize(black,0.8); box-shadow: none; }
+
+  &.top {
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+  }
+  &.bottom {
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
+  }
+  &.left, &:first-child {
+    border-top-left-radius: 5px;
+    border-bottom-left-radius: 5px;
+  }
+  &.right, &:last-child {
+    border-top-right-radius: 5px;
+    border-bottom-right-radius: 5px;
+  }
+  &:only-child {
+    border-radius: 5px;
+  }
+  &.color-active-badge {
+    border-width: 2px;
+    &:hover { background-image: none; }
+    &.color-light, &.color-light:hover {
+      color: transparentize(black,0.7);
+      border-color: transparentize(black,0.7);
+    }
+    &.color-dark, &.color-dark:hover {
+      color: transparentize(white,0.5);
+      border-color: transparentize(white,0.5);
+    }
+  }
+}
+GtkColorChooserWidget #add-color-button {
+  border-color: mix($borders_color,$bg_color,50%);
+  background-color: mix($borders_color,$bg_color,50%);
+  color: $bg_color;
+  box-shadow: none;
+  &:hover {
+    border-color: $borders_color;
+    background-color: $borders_color;
+  }
+  &:backdrop {
+    border-color: mix($backdrop_borders_color,$backdrop_bg_color,50%);
+    background-color: mix($backdrop_borders_color,$backdrop_bg_color,50%);
+  }
+}
+
+
+/**********************
+ * Window Decorations *
+ *********************/
+
+.window-frame {
+  border-radius: 7px 7px 0 0;
+  // lamefun trick to get rounded borders regardless of CSD use
+  border-width: 0px;
+
+  // this needs to be transparent
+  // see bug #722563
+  $_wm_border: transparentize(black, 0.77);
+  $_wm_border_backdrop: transparentize(black, 0.82);
+
+  box-shadow: 0 3px 9px 1px transparentize(black, 0.5),
+              0 0 0 1px $_wm_border; //doing borders with box-shadow
+
+  /* this is used for the resize cursor area */
+  margin: 10px;
+
+  &:backdrop {
+    box-shadow: 0 2px 6px 2px transparentize(black, 0.8),
+                0 0 0 1px $_wm_border_backdrop;
+  }
+  &.tiled {
+    border-radius: 0;
+  }
+  &.csd {
+    &.popup {
+      border-radius: 0;
+      box-shadow: 0 1px 2px transparentize(black, 0.8),
+                  0 0 0 1px transparentize($_wm_border,0.1);
+    }
+    &.tooltip {
+      border-radius: 5px;
+      box-shadow: none;
+    }
+  }
+}
+
+// Window Close button
+.button.titlebutton {
+  padding: 8px;
+  border-color: transparent;
+  background-image: none;
+  transition-property: border, box-shadow, color;
+  box-shadow: inset 0 1px transparentize(white,1),
+              0 1px transparentize($borders_edge,1);
+  &:hover { @include button(normal); }
+  &:active { @include button(active); }
+  &:backdrop {
+    @include button(backdrop);
+    border-color: transparent;
+    transition-property: border, box-shadow, color;
+  }
+}
+
diff --git a/themes/HighContrast/gtk-3.0/_drawing.scss b/themes/HighContrast/gtk-3.0/_drawing.scss
new file mode 100644
index 00000000..80fa0f55
--- /dev/null
+++ b/themes/HighContrast/gtk-3.0/_drawing.scss
@@ -0,0 +1,277 @@
+// Drawing mixins
+
+// generic drawing of more complex things
+
+$widget_edge: 0 1px $borders_edge; //outer hilight "used" on
+                                   //most widgets
+
+@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) {
+//
+// Helper function to stack up to 4 box-shadows;
+//
+  @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; }
+  @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; }
+  @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; }
+  @else { box-shadow: $shadow1; }
+}
+
+// entries
+
+@mixin entry($t, $fc:$selected_bg_color, $noedge:false) {
+//
+// Entries drawing function
+//
+// $t: entry type
+// $fc: focus color
+// $noedge: set to true not to draw the bottom edge hilight
+//
+// possible $t values:
+// normal, focus, insensitive, backdrop, backdrop-insensitive;
+//
+  background-color: transparent;
+  border-style: solid;
+  border-width: 1px;
+  background-image: linear-gradient(to bottom,
+                                    darken($base_color,3%),
+                                    $base_color 90%);
+  $_entry_edge: $widget_edge;
+  @if $noedge { $_entry_edge: none; }
+  
+  @if $t==normal {
+    border-color: $borders_color;
+    @include _shadows(inset 0 2px 2px -2px mix(black, $base_color, 50%),
+                      $_entry_edge);
+  }
+  @if $t==focus {
+    border-color: $fc;
+    @include _shadows(inset 0 2px 2px -2px mix(black, $base_color, 50%),
+                      inset 0 0 2px 1px mix($fc,$base_color,20%),
+                        $_entry_edge);
+  }
+  @if $t==insensitive {
+    color: $insensitive_fg_color;
+    border-color: $borders_color;
+    background-image: linear-gradient(to bottom, $insensitive_bg_color);
+    @include _shadows($_entry_edge);
+  }
+  @if $t==backdrop {
+    color: $backdrop_fg_color;
+    background-image: linear-gradient(to bottom, $backdrop_base_color);
+    box-shadow: 0 1px transparentize(white,1);
+  }
+  @if $t==backdrop-insensitive {
+    color: $backdrop_insensitive_color;
+    background-image: linear-gradient(to bottom, $backdrop_bg_color);
+    box-shadow: 0 1px transparentize(white,1);
+  }
+}
+
+// buttons
+
+@mixin _button_border_color ($c) { border-color: darken($c,25%); } // colored buttons want the border form the base color
+
+@mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) {
+//
+// helper function for the text emboss effect
+//
+// $tc is the optional text color, not the shadow color
+//
+// TODO: this functions needs a way to deal with special cases
+//
+
+  $_dark: black;
+  $_bright: white;
+
+  @if lightness($tc) < 50% {
+    text-shadow: 0 1px $_bright;
+    icon-shadow: 0 1px $_bright;
+  }
+  @else {
+    text-shadow: 0 -1px $_dark;
+    icon-shadow: 0 -1px $_dark;
+  }
+}
+
+@mixin button($t, $c:$bg_color, $tc:$fg_color, $noedge:false ) {
+//
+// Button drawing function
+//
+// $t:  button type,
+// $c:  base button color for colored* types
+// $tc: optional text color for colored* types
+// $noedge: set to true not to draw the bottom edge hilight
+//
+// possible $t values:
+// normal, hover, active, insensitive, insensitive-active,
+// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active
+//
+  border-width: 2px;
+  border-style: solid;
+
+  $_top_hilight: if(lightness($c)> 70%, white, transparentize(white,0.9)); //not just dark/light but colored buttons
+
+  @if $t==normal {
+  //
+  // normal button
+  //
+    color: $tc;
+    background-image: linear-gradient(to bottom,
+                                  lighten($c,5%),
+                                  $c 40%,
+                                  darken($c,5%)
+                                  );
+
+    @if $c!=$bg_color { @include _button_border_color($c); }
+    @else { border-color: $borders_color; }
+
+  }
+
+  @else if $t==hover {
+  //
+  // hovered button
+  //
+    color: $tc;
+    @if $c!=$bg_color { @include _button_border_color($c); }
+    @else { border-color: $borders_color; }
+    background-image: linear-gradient(to bottom,
+                                      lighten($c,14%),
+                                      lighten($c,4%) 40%,
+                                      $c);
+
+  }
+
+  @else if $t==active {
+  //
+  // pushed button
+  //
+    color: $tc;
+    @if $c!=$bg_color { @include _button_border_color($c); }
+    @else { border-color: $borders_color; }
+    background-image: linear-gradient(to bottom,
+                                      $borders_color);
+    color: $c;
+  }
+  @else if $t==insensitive {
+  //
+  // insensitive button
+  //
+    color: $insensitive_fg_color;
+    border-color: $insensitive_borders_color;
+    background-image: linear-gradient(to bottom, $insensitive_bg_color);
+    text-shadow: none;
+    icon-shadow: none;
+  }
+  @else if $t==insensitive-active {
+  //
+  // insensitive pushed button
+  //
+    color: $insensitive_fg_color;
+    border-color: $insensitive_borders_color;
+    background-image: linear-gradient(to bottom,
+                        mix($insensitive_borders_color,
+                            $insensitive_bg_color, 10%));
+  }
+
+  @else if $t==backdrop {
+  //
+  // backdrop button
+  //
+    color: if($c!=$bg_color, $tc, $backdrop_fg_color);
+    border-color: if($c!=$bg_color, $c, $backdrop_borders_color);
+    background-image: linear-gradient(to bottom,
+                                      if($c!=bg_color,$c,$backdrop_bg_color));
+    text-shadow: none;
+    icon-shadow: none;
+  }
+
+  @else if $t==backdrop-active {
+  //
+  // backdrop pushed button
+  //
+    color: $backdrop_fg_color;
+    border-color: $backdrop_borders_color;
+    background-image: linear-gradient(to bottom,
+                        mix($backdrop_borders_color,$backdrop_bg_color, 35%));
+  }
+
+  @else if $t==backdrop-insensitive {
+  //
+  // backdrop insensitive button
+  //
+    color: $backdrop_insensitive_color;
+    border-color: $backdrop_borders_color;
+    background-image: linear-gradient(to bottom, $backdrop_bg_color);
+  }
+
+  @else if $t==backdrop-insensitive-active {
+  //
+  // backdrop insensitive pushed button
+  //
+    color: $backdrop_insensitive_color;
+    border-color: $backdrop_borders_color;
+    background-image: linear-gradient(to bottom,
+                        mix($backdrop_borders_color,$backdrop_bg_color, 8%));
+  }
+  
+  @else if $t==osd {
+  //
+  // normal osd button
+  //
+    background-image: none;
+    background-color: $osd_bg_color;
+    border-color: $osd_borders_color;
+    box-shadow: none;
+  }
+  @else if $t==osd-hover {
+  //
+  // active osd button
+  //
+    background-color: transparentize(#fff,0.99);
+    border-color: $osd_borders_color;
+    box-shadow: none;
+  }
+  @else if $t==osd-active {
+  //
+  // active osd button
+  //
+    background-color: transparentize(#fff,0.97);
+    border-color: $osd_borders_color;
+    box-shadow: none;
+  }
+  @else if $t==osd-insensitive {
+  //
+  // insensitive osd button
+  //
+    border-color: $osd_borders_color;
+    color: $insensitive_fg_color;
+  }
+  
+}
+
+@mixin trough($flat:false, $c:$bg_color, $tc:$fg_color, $noedge:false) {
+  color: mix($tc,$bg_color,80%);
+  @if $flat { background-image: linear-gradient(to bottom,$c); }
+  @else {
+    background-image: linear-gradient(to bottom,
+                                  mix(black,$c,15%) 5%,
+                                  mix(black,$c,10%) 20%,
+                                  mix(black,$c,10%) 90%,
+                                  $c
+                                  );
+  }
+
+  @if $c!=$bg_color { @include _button_border_color($c); }
+  @else { border-color: $borders_color; }
+  
+  @if $noedge==false { 
+    @if lightness($c) > 60% {
+      box-shadow: inset 0 -1px 0 $borders_edge,
+                  0 1px 0 $borders_edge;
+    }
+    @else {
+      box-shadow: inset 0 -1px 0 transparentize($borders_edge,0.5),
+                  0 1px 0 transparentize($borders_edge,0.5);
+    }
+  }
+
+}
diff --git a/themes/HighContrast/gtk-3.0/gtk-widgets.css b/themes/HighContrast/gtk-3.0/gtk-widgets.css
deleted file mode 100644
index c3d2f57e..00000000
--- a/themes/HighContrast/gtk-3.0/gtk-widgets.css
+++ /dev/null
@@ -1,1420 +0,0 @@
-/* common color definitions */
-
-@define-color warning_color #faad3d;
-@define-color warning_bg_color @warning_color;
-@define-color warning_fg_color black;
-
-@define-color question_color #8aadd4;
-@define-color question_bg_color @question_color;
-@define-color question_fg_color white;
-
-@define-color error_color #ed3636;
-@define-color error_bg_color @error_color;
-@define-color error_fg_color white;
-
-@define-color error_color #cc0000;
-@define-color success_color #4e9a06;
-
-/* fallback mode */
-@define-color os_chrome_bg_color black;
-@define-color os_chrome_fg_color #ccc;
-@define-color os_chrome_selected_bg_color #333;
-@define-color os_chrome_selected_fg_color white;
-
-* {
-    -GtkRange-stepper-size: 2;
-    -GtkScale-slider-length: 28;
-    -GtkRange-slider-width: 28;
-
-    -GtkTreeView-expander-size: 16;
-
-    -GtkWidget-cursor-color: @theme_cursor_color;
-    -GtkWidget-cursor-aspect-ratio: 0.08;
-
-    -GtkMenu-horizontal-padding: 0;
-    -GtkMenu-vertical-padding: 0;
-
-    -GtkScrolledWindow-scrollbar-spacing: 0;
-    -GtkScrolledWindow-scrollbars-within-bevel: 1;
-
-    -GtkComboBox-arrow-scaling: 0.9;
-    -GtkButton-default-border: 0;
-
-    -GtkWindow-resize-grip-width: 0;
-    -GtkWindow-resize-grip-height: 0;
-
-    -GtkStatusbar-shadow-type: none;
-
-    /* Legacy only */
-    -GtkWidget-focus-padding: 1;
-    -GtkWidget-focus-line-width: 2;
-
-    background-clip: padding-box;
-
-    outline-width: 1px;
-    outline-style: dashed;
-    outline-color: black;
-    outline-offset: -1px;
-}
-
-.background {
-    color: @theme_fg_color;
-    background-color: @theme_base_color;
-}
-
-/* FIXME: why do we still need this? */
-GtkClutterOffscreen {
-    background-color: @theme_base_color;
-}
-
-*:insensitive {
-    background-color: @theme_button_insensitive_bg;
-    border-color: @theme_button_insensitive_active_bg;
-    color: @theme_insensitive_color;
-}
-
-*:selected {
-    background-color: @theme_active_color;
-    color: @theme_base_color;
-}
-
-.gtkstyle-fallback {
-    background-color: @theme_base_color;
-    color: @theme_fg_color;
-}
-
-.gtkstyle-fallback:prelight {
-    background-color: @theme_fg_color;
-    color: @theme_base_color;
-}
-
-.gtkstyle-fallback:active {
-    background-color: @theme_active_color;
-    color: @theme_base_color;
-}
-
-.gtkstyle-fallback:insensitive {
-    background-color: @theme_insensitive_bg;
-    color: @theme_insensitive_color;
-}
-
-.gtkstyle-fallback:selected {
-    background-color: @theme_active_color;
-    color: @theme_base_color;
-}
-
-/********
- * Misc *
- ********/
-GtkCheckButton:selected,
-GtkCheckButton:selected:focus {
-    background-color: @theme_internal_bg;
-    color: @theme_fg_color;
-}
-
-.image {
-    color: @theme_active_color;
-}
-
-.image:hover {
-    color: @theme_fg_color;
-}
-
-GtkLabel,
-GtkLabel:insensitive,
-GtkImage,
-GtkImage:insensitive {
-    background-color: transparent;
-}
-
-.tooltip {
-    background-color: @theme_fg_color;
-    color: @theme_insensitive_bg;
-}
-
-.view.rubberband,
-.rubberband {
-    border-color: @theme_fg_color;
-    border-style: solid;
-    border-width: 1px;
-
-    background-color: alpha(@theme_internal_bg, 0.35);
-}
-
-.grip {
-    background-color: @theme_insensitive_color;
-}
-
-.separator {
-    color: @theme_insensitive_border;
-}
-
-.floating-bar {
-    background-color: @theme_insensitive_bg;
-    border-width: 1px;
-    border-radius: 3px;
-    border-style: solid;
-}
-
-.floating-bar.top {
-    border-top-width: 0;
-    border-top-right-radius: 0;
-    border-top-left-radius: 0;
-}
-
-.floating-bar.right {
-    border-right-width: 0;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-}
-
-.floating-bar.bottom {
-    border-bottom-width: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-}
-
-.floating-bar.left {
-    border-left-width: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-}
-
-.floating-bar .button {
-    background-color: transparent;
-    border-style: none;
-}
-
-GtkColorButton.button {
-    padding: 4px 20px;
-}
-
-GtkColorSwatch {
-    border-width: 1px;
-    border-style: solid;
-    border-color: @theme_fg_color;
-}
-
-/******************
- * Colored states *
- ******************/
-.info {
-    background-color: @theme_active_color;
-    color: @theme_base_color;
-}
-
-.warning {
-    background-color: @warning_bg_color;
-    color: @warning_fg_color;
-}
-
-.question {
-    background-color: @question_bg_color;
-    color: @question_fg_color;
-}
-
-.error {
-    background-color: @error_bg_color;
-    color: @error_fg_color;
-}
-
-/*************
- * Level bar *
- *************/
-GtkLevelBar {
-    -GtkLevelBar-min-block-width: 34;
-    -GtkLevelBar-min-block-height: 3;
-}
-
-GtkLevelBar.vertical {
-    -GtkLevelBar-min-block-width: 3;
-    -GtkLevelBar-min-block-height: 34;
-}
-
-.level-bar.trough {
-    padding: 2px;
-}
-
-.level-bar.fill-block {
-    padding: 2px;
-
-    border-width: 1px;
-    border-style: solid;
-
-    background-color: @theme_highlight_color;
-}
-
-.level-bar.fill-block.level-high {
-    background-color: @success_color;
-    border-color: darker(@success_color);
-}
-
-.level-bar.fill-block.level-low {
-    background-color: @warning_bg_color;
-    border-color: darker(@warning_bg_color);
-}
-
-.level-bar.fill-block.empty-fill-block {
-    background-color: transparent;
-    border-color: @theme_border_color;
-}
-
-.level-bar.indicator-discrete.fill-block.horizontal {
-    margin: 0 1px;
-}
-
-.level-bar.indicator-discrete.fill-block.vertical {
-    margin: 1px 0;
-}
-
-/***********
- * Buttons *
- ***********/
-.button {
-    border-width: 2px;
-    border-style: solid;
-    border-color: @theme_button_fg;
-
-    border-radius: 3px;
-
-    background-color: @theme_button_bg;
-    padding: 4px 7px;
-    color: @theme_button_fg;
-
-    outline-offset: -2px;
-}
-
-.button.image-button {
-    padding: 8px;
-}
-
-.button:active {
-    background-color: @theme_button_active_bg;
-    color: @theme_base_color;
-    border-color: @theme_button_active_border;
-}
-
-.button:insensitive {
-    background-color: @theme_button_insensitive_bg;
-    border-color: @theme_button_insensitive_border;
-}
-
-.button:insensitive:active {
-    background-color: @theme_button_insensitive_active_bg;
-    border-color: @theme_button_insensitive_active_border;
-}
-
-.button *:insensitive {
-    color: @theme_button_insensitive_fg;
-}
-
-.button:active *:insensitive {
-    color: @theme_button_insensitive_active_fg;
-}
-
-.button:hover {
-    background-color: @theme_fg_color;
-    border-color: @theme_fg_color;
-    color: @theme_base_color;
-}
-
-.button:hover:active {
-    background-color: @theme_fg_color;
-    border-color: @theme_fg_color;
-}
-
-GtkComboBox .separator {
-    /* always disable separators */
-    -GtkWidget-wide-separators: true;
-    -GtkWidget-horizontal-separator: 0;
-    -GtkWidget-vertical-separator: 0;
-}
-
-GtkComboBox *:insensitive {
-    color: @theme_button_insensitive_fg
-}
-
-/***********
- * Entries *
- ***********/
-.entry {
-    border-width: 1px;
-    border-style: solid;
-    border-color: @theme_fg_color;
-
-    border-radius: 3px;
-
-    background-color: @theme_entry_bg;
-    padding: 4px;
-}
-
-.entry:selected {
-    background-color: @theme_active_color;
-    color: @theme_base_color;
-}
-
-/* needed for webkit/GtkStyle compatibility */
-.entry:active {
-    background-color: @theme_active_color;
-    color: @theme_base_color;
-}
-
-.entry:focus {
-    border-width: 2px;
-    border-color: @theme_highlight_color;
-}
-
-.entry:insensitive {
-    border-color: @theme_insensitive_border;
-    background-color: @theme_insensitive_bg;
-    color: @theme_insensitive_color;
-}
-
-/**************
- * Comboboxes *
- **************/
-GtkComboBox *:hover {
-    color: @theme_insensitive_bg;
-}
-
-GtkComboBox .separator {
-    color: transparent;
-}
-
-GtkComboBox .button {
-    padding: 3px 7px;
-}
-
-.combobox-entry .button,
-.toolbar .combobox-entry .button {
-    background-color: @theme_entry_bg;
-    color: @theme_fg_color;
-    border-width: 1px;
-    border-color: @theme_fg_color;
-}
-
-.combobox-entry .button:hover {
-    background-color: @theme_fg_color;
-}
-
-.combobox-entry .button:active {
-    background-color: @theme_active_color;
-    color: @theme_base_color;
-}
-
-.combobox-entry .button:insensitive {
-    background-color: @theme_insensitive_bg;
-    color: @theme_internal_bg;
-    border-color: @theme_insensitive_border;
-}
-
-.combobox-entry .entry:first-child {
-    border-right-width: 0px;
-    border-radius: 2px 0 0 2px;
-}
-
-.combobox-entry .entry:last-child {
-    border-left-width: 0px;
-    border-radius: 0 2px 2px 0;
-}
-
-.combobox-entry .button:first-child {
-    border-radius: 2px 0 0 2px;
-}
-
-.combobox-entry .button:last-child {
-    border-radius: 0 2px 2px 0;
-}
-
-/***************************
- * Trough and progressbars *
- ***************************/
-.trough {
-    background-color: @theme_trough_bg;
-    color: @theme_trough_fg;
-
-    border-width: 1px;
-    border-style: solid;
-    border-color: @theme_trough_fg;
-    border-radius: 3px;
-}
-
-.trough:insensitive {
-    border-color: @theme_trough_insensitive_border;
-    background-color: @theme_trough_insensitive_bg;
-    color: @theme_trough_insensitive_fg;
-}
-
-.trough:insensitive:active {
-    background-color: @theme_insensitive_bg;
-}
-
-.progressbar {
-    background-color: @theme_highlight_color;
-    border-width: 1px;
-    border-color: @theme_highlight_border;
-    border-radius: 3px;
-    border-style: solid;
-}
-
-/***************
- * Spinbuttons *
- ***************/
-.spinbutton .button {
-    padding: 2px 6px;
-    color: @theme_active_color;
-
-    border-width: 1px;
-    border-radius: 0;
-    background-color: @theme_entry_bg;
-    background-clip: border-box;
-
-    border-color: transparent @theme_internal_border;
-}
-
-.spinbutton .button:hover {
-    background-color: @theme_active_color;
-    color: @theme_insensitive_bg;
-    border-color: transparent @theme_active_color;
-}
-
-.spinbutton .button:insensitive {
-    color: @theme_insensitive_color;
-    background-color: @theme_insensitive_bg;
-    border-color: transparent @theme_insensitive_border;
-}
-
-.spinbutton .button:focus {
-    border-color: @theme_highlight_color;
-}
-
-.spinbutton .button:first-child,
-.spinbutton .button:last-child {
-    border-color: transparent;
-}
-
-.spinbutton .button:first-child:focus {
-    border-color: @theme_highlight_color;
-    border-right-color: transparent;
-}
-
-.spinbutton .button:last-child:focus {
-    border-color: @theme_highlight_color;
-    border-left-color: transparent;
-}
-
-.spinbutton .button:first-child {
-    border-radius: 2px 0 0 2px;
-}
-
-.spinbutton .button:last-child {
-    border-radius: 0 2px 2px 0;
-}
-
-/*********
- * Menus *
- *********/
-.menu {
-    border-style: solid;
-    border-color: @theme_fg_color;
-    border-width: 1px;
-
-    color: @theme_fg_color;
-}
-
-.menuitem {
-    color: @theme_fg_color;
-    background-color: transparent;
-}
-
-.menuitem:insensitive {
-    color: @theme_button_insensitive_fg;
-}
-
-.menuitem:hover {
-    color: @theme_base_color;
-    background-color: @theme_active_color;
-}
-
-.menu .menuitem {
-    padding: 4px;
-}
-
-.menubar .menuitem {
-    padding: 3px 5px;
-}
-
-.menuitem.separator {
-    -GtkMenuItem-horizontal-padding: 0;
-}
-
-/************
- * Toolbars *
- ************/
-.toolbar {
-    padding: 4px;
-    border-width: 1px 0;
-    border-style: solid;
-    border-color: @theme_border_color;
-
-    background-color: @theme_toolbar_bg;
-}
-
-.toolbar .button {
-    background-color: transparent;
-    padding: 4px;
-}
-
-.toolbar .button.text-button {
-    padding: 6px 20px;
-}
-
-.toolbar .button.image-button {
-    padding: 9px;
-}
-
-.toolbar .button:insensitive {
-    background-color: @theme_base_color;
-}
-
-.primary-toolbar .button:insensitive {
-    background-color: transparent;
-    color: @theme_insensitive_color ;
-}
-
-.raised .button,
-.raised.button {
-    background-color: @theme_button_bg;
-}
-
-.raised .button:insensitive,
-.raised.button:insensitive {
-    border-color: @theme_button_insensitive_border;
-    background-color: @theme_button_insensitive_bg;
-    color: @theme_button_insensitive_fg;
-}
-
-.raised .button:active,
-.raised.button:active,
-.primary-toolbar .button:active,
-.toolbar .button:active {
-    background-color: @theme_button_active_bg;
-    border-color: @theme_button_active_border;
-}
-
-.raised .button:hover,
-.raised.button:hover,
-.primary-toolbar .button:hover,
-.toolbar .button:hover {
-    background-color: @theme_fg_color;
-    border-color: @theme_fg_color;
-}
-
-.raised .button:active:insensitive,
-.raised.button:active:insensitive,
-.primary-toolbar .button:active:insensitive,
-.toolbar .button:active:insensitive {
-    border-color: @theme_button_insensitive_active_bg;
-    background-color: @theme_button_insensitive_active_bg;
-
-    color: @theme_base_color;
-}
-
-/*******************
- * Inline toolbars *
- *******************/
-.inline-toolbar {
-    border-width: 0 1px 1px;
-    -GtkToolbar-button-relief: normal;
-}
-
-.inline-toolbar:last-child {
-    border-radius: 0 0 3px 3px;
-}
-
-.inline-toolbar .button {
-    color: @theme_inline_toolbar_button_fg;
-    background-color: @theme_inline_toolbar_button_bg;
-
-    border-radius: 0;
-    border-width: 1px 0;
-    border-color: @theme_button_linked_border;
-    box-shadow: inset -1px 0 @theme_inline_toolbar_button_side;
-}
-
-.inline-toolbar .button:hover {
-    color: @theme_base_color;
-    border-color: @theme_button_linked_border;
-    box-shadow: none;
-}
-
-.inline-toolbar .button:active {
-    color: @theme_base_color;
-    border-color: @theme_button_linked_border;
-}
-
-.inline-toolbar .button:insensitive {
-    border-color: @theme_button_linked_border;
-
-    background-color: @theme_button_linked_insensitive_bg;
-    color: @theme_button_linked_insensitive_fg;
-}
-
-.inline-toolbar .button:insensitive:active {
-    border-color: @theme_button_linked_border;
-}
-
-.inline-toolbar .button:first-child,
-.inline-toolbar GtkToolButton:first-child .button {
-    border-radius: 3px 0 0 3px;
-    border-left-width: 1px;
-}
-
-.inline-toolbar .button:last-child,
-.inline-toolbar GtkToolButton:last-child .button {
-    border-radius: 0 3px 3px 0;
-    border-right-width: 1px;
-    box-shadow: none;
-}
-
-.primary-toolbar.toolbar,
-.primary-toolbar .toolbar,
-.menubar.toolbar {
-    -GtkToolbar-button-relief: normal;
-}
-
-.primary-toolbar.toolbar,
-.primary-toolbar .toolbar,
-.menubar {
-    -GtkWidget-window-dragging: true;
-}
-
-.primary-toolbar .button {
-    border-color: transparent;
-}
-
-.primary-toolbar .button.raised,
-.primary-toolbar .raised .button {
-    border-color: @theme_button_fg;
-}
-
-/******************
- * Linked buttons *
- ******************/
-.osd .button,
-.linked .button {
-    border-left-width: 0;
-    border-radius: 0;
-}
-
-.osd .button:first-child,
-.linked .button:first-child {
-    border-radius: 3px 0 0 3px;
-    border-left-width: 2px;
-}
-
-.osd .button:last-child,
-.linked .button:last-child {
-    border-radius: 0 3px 3px 0;
-}
-
-.osd .button:only-child,
-.linked .button:only-child {
-    border-radius: 3px;
-    border-width: 2px;
-}
-
-.linked.vertical .button {
-    border-width: 0 2px 2px;
-    border-radius: 0;
-}
-
-.linked.vertical .button:first-child {
-    border-radius: 3px 3px 0 0;
-    border-width: 2px;
-}
-
-.linked.vertical .button:last-child {
-    border-radius: 0 0 3px 3px;
-}
-
-/**********
- * Scales *
- **********/
-GtkScale.trough {
-    background-image: linear-gradient(to bottom,
-                                      transparent,
-                                      transparent 14px,
-                                      @theme_scale_trough_bg 14px,
-                                      @theme_scale_trough_bg 16px,
-                                      transparent 16px,
-                                      transparent);
-
-    background-color:transparent;
-    border-style: none;
-}
-
-GtkScale.trough:insensitive {
-    background-image: linear-gradient(to bottom,
-                                      transparent,
-                                      transparent 14px,
-                                      @theme_scale_trough_insensitive_bg 14px,
-                                      @theme_scale_trough_insensitive_bg 16px,
-                                      transparent 16px,
-                                      transparent);
-    background-color: transparent;
-}
-
-GtkScale.trough.vertical {
-    background-image: linear-gradient(to right,
-                                      transparent,
-                                      transparent 14px,
-                                      @theme_scale_trough_bg 14px,
-                                      @theme_scale_trough_bg 16px,
-                                      transparent 16px,
-                                      transparent);
-    background-color:transparent;
-    border-style: none;
-}
-
-GtkScale.trough.vertical:insensitive {
-    background-image: linear-gradient(to right,
-                                      transparent,
-                                      transparent 14px,
-                                      @theme_scale_trough_insensitive_bg 14px,
-                                      @theme_scale_trough_insensitive_bg 16px,
-                                      transparent 16px,
-                                      transparent);
-}
-
-GtkScale.slider {
-    background-clip: border-box;
-    background-color: @theme_button_bg;
-
-    border-radius: 15px;
-    border-color: @theme_active_color;
-    border-style: solid;
-    border-width: 1px;
-}
-
-GtkScale.slider:hover {
-    background-color: @theme_fg_color;
-    border-color: @theme_fg_color;
-}
-
-GtkScale.slider:insensitive {
-    background-color: @theme_button_insensitive_bg;
-    border-color: @theme_button_insensitive_active_bg;
-}
-
-GtkScale.slider.fine-tune,
-GtkScale.slider.fine-tune:active,
-GtkScale.slider.fine-tune:active:hover,
-GtkScale.slider.fine-tune.horizontal:active,
-GtkScale.slider.fine-tune.horizontal:active:hover {
-  background-color: transparent;
-  background-image: -gtk-gradient(radial, 
-                                                              center center, 0, 
-                                                              center center, 1, 
-                                                              from(@theme_fg_color),
-                                                              color-stop(0.3, @theme_fg_color),
-                                                              color-stop(0.31, transparent),
-                                                              to(transparent));
-  border-width: 0;
-}
-
-/**********
- * Switch *
- **********/
-GtkSwitch {
-    font: bold;
-    outline-offset: -2px;
-    outline-color: white;
-}
-
-GtkSwitch.slider {
-    padding: 2px;
-
-    border-width: 1px;
-    border-style: solid;
-    border-radius: 3px;
-    border-color: @theme_switch_slider_border;
-
-    background-color: @theme_switch_slider_bg;
-    background-clip: border-box;
-}
-
-GtkSwitch.slider:insensitive {
-    background-color: @theme_switch_slider_insensitive_bg;
-    border-color: @theme_switch_slider_insensitive_border;
-}
-
-GtkSwitch.slider:active {
-    border-color: @theme_switch_slider_active_bg;
-    background-color: @theme_switch_slider_active_bg;
-}
-
-GtkSwitch.slider:active:insensitive {
-    border-color: @theme_switch_slider_active_insensitive_bg;
-    background-color: @theme_switch_slider_active_insensitive_bg;
-}
-
-GtkSwitch.trough {
-    color: @theme_button_fg;
-    border-radius: 3px;
-}
-
-GtkSwitch.trough:active {
-    color: @theme_switch_slider_active_bg;
-    background-color: @theme_highlight_color;
-    border-color: @theme_highlight_alt;
-}
-
-GtkSwitch.trough:active:insensitive {
-    background-color: alpha(@theme_highlight_color, 0.30);
-    border-color: alpha(@theme_highlight_alt, 0.30);
-    color: @theme_trough_insensitive_fg;
-}
-
-/************
- * Notebook *
- ************/
-.notebook {
-    border-width: 1px;
-    border-color: @theme_notebook_border;
-    border-style: solid;
-    background-clip: border-box;
-    background-color: @theme_notebook_bg;
-}
-
-.notebook tab {
-    padding: 6px;
-    background-color: @theme_base_color;
-}
-
-.notebook tab:active {
-    background-color: @theme_notebook_bg;
-    color: @theme_fg_color;
-}
-
-.notebook tab.top {
-    border-image: linear-gradient(to bottom,
-                                  alpha(@theme_notebook_border, 0.00),
-                                  @theme_notebook_border) 1 / 0 1px;
-}
-
-.notebook tab.top:active {
-    border-width: 1px 1px 0 1px;
-    border-radius: 4px 4px 0 0;
-
-    border-image: none;
-}
-
-.notebook tab.bottom {
-    border-width: 0 1px 1px 1px;
-}
-
-.notebook tab.left {
-    border-width: 1px 0 1px 1px;
-}
-
-.notebook tab.right {
-    border-width: 1px 1px 1px 0;
-}
-
-/*******************************
- * Frames and scrolled windows *
- *******************************/
-.frame {
-    border-width: 1px;
-    border-style: solid;
-    border-color: @theme_border_color;
-}
-
-GtkScrolledWindow.frame {
-    border-width: 1px;
-    border-style: solid;
-    border-color: @theme_border_color;
-}
-
-/* avoid double borders when a viewport is 
- * packed into a GtkScrolledWindow */
-GtkScrolledWindow GtkViewport.frame {
-    border-style: none;
-}
-
-.scrollbar {
-    -GtkRange-slider-width: 17;
-    -GtkRange-stepper-size: 17;
-    -GtkRange-trough-border: 0;
-    -GtkScrollbar-has-backward-stepper: false;
-    -GtkScrollbar-has-forward-stepper: false;
-    -GtkScrollbar-min-slider-length: 64;
-}
-
-.scrollbar.trough {
-    background-color: @theme_internal_bg;
-
-    border-width: 0;
-    border-color: transparent;
-    border-radius: 0;
-}
-
-.scrollbars-junction {
-    background-color: @theme_internal_bg;
-}
-
-.scrollbar.slider {
-    background-color: @theme_slider_bg;
-
-    border-style: solid;
-    border-radius: 12px;
-    border-width: 3px;
-    border-color: transparent;
-}
-
-.scrollbar.slider:hover,
-.scrollbar.slider:active:hover {
-    background-color: @theme_fg_color;
-    border-width: 3px;
-    border-color: transparent;
-}
-
-.scrollbar.slider.fine-tune:prelight:active {
-      background-image: none;
-      border-style: solid;
-      border-image: none;
-      border-color: transparent;
-      border-width: 5px;
-}
-  
-/******************
- * Column headers *
- ******************/
-column-header .button,
-column-header.button {
-    font: bold;
-
-    border-width: 1px;
-
-    border-top-width: 0;
-    border-right-width: 0;
-    border-radius: 0;
-}
-
-column-header .button:hover {
-    background-color: @theme_fg_color;
-    color: @theme_base_color;
-    border-color: @theme_fg_color;
-}
-
-column-header:first-child .button {
-    border-left-width: 0;
-}
-
-/*******************
- * Checks & Radios *
- *******************/
-.check,
-.radio {
-    border-width: 1px;
-    border-style: solid;
-    border-color: @theme_check_radio_border;
-    color: @theme_active_color;
-
-    background-color: @theme_check_radio_bg;
-}
-
-.check:insensitive,
-.radio:insensitive {
-    border-color: @theme_button_insensitive_border;
-    color: @theme_button_insensitive_fg;
-    background-color: @theme_button_insensitive_bg;
-}
-
-.menuitem.check,
-.menuitem.radio {
-    background-color: transparent;
-    color: transparent;
-    border-color: transparent;
-}
-
-.menuitem.radio:active,
-.menuitem.check:active,
-.menuitem.radio:inconsistent,
-.menuitem.check:inconsistent {
-    color: @theme_active_color;
-}
-
-.menuitem.radio:active:hover,
-.menuitem.check:active:hover,
-.menuitem.radio:inconsistent:hover,
-.menuitem.check:inconsistent:hover {
-    color: @theme_base_color;
-}
-
-.menuitem.radio:active:insensitive,
-.menuitem.check:active:insensitive,
-.menuitem.radio:inconsistent:insensitive,
-.menuitem.check:inconsistent:insensitive {
-    color: @theme_button_insensitive_fg;
-}
-
-/*********
- * Views *
- *********/
-.expander row:selected:focus {
-    color: @theme_base_color;
-}
-
-GtkViewport {
-    background-color: @theme_view_bg;
-}
-
-.view {
-    background-color: @theme_view_bg;
-    color: @theme_fg_color;
-}
-
-.view:selected {
-    background-color: @theme_active_color;
-    color: @theme_base_color;
-}
-
-.view:selected:focus {
-    background-color: @theme_fg_color;
-    color: @theme_base_color;
-}
-
-GtkIconView.view.cell {
-    border-radius: 4px;
-}
-
-.cell {
-    padding: 2px;
-}
-
-/**************
- * List boxes *
- **************/
-.list-row {
-    outline-offset: -2px;
-}
-
-.list-row:hover {
-    background-color: @theme_button_bg;
-}
-
-/*******
- * OSD *
- *******/
-.osd {
-    color: @theme_base_color;
-    background-color: @theme_active_color;
-}
-
-.osd.toolbar {
-    padding: 20px;
-
-    border-style: solid;
-    border-color: @theme_internal_bg;
-    border-width: 2px;
-
-    -GtkToolbar-button-relief: normal;
-}
-
-.osd .button {
-    padding: 7px;
-    color: @theme_fg_color;
-    background-color: @theme_internal_bg;
-}
-
-.osd GtkToolButton .button,
-.osd .button:only-child {
-    border-width: 2px;
-    border-radius: 3px;
-    border-style: solid;
-}
-
-.osd .button:hover {
-    color: @theme_base_color;
-}
-
-.osd .button:active {
-    color: @theme_fg_color;
-    background-color: @theme_base_color;
-}
-
-GtkProgressBar.osd {
-    -GtkProgressBar-min-horizontal-bar-height: 12px;
-}
-
-GtkProgressBar.osd.trough {
-    padding: 0;
-    border-radius: 0;
-    background-color: transparent;
-    border-style: none;
-}
-
-GtkProgressBar.osd.progressbar {
-    background-color: @theme_highlight_color;
-    border-radius: 0;
-    border-style: none;
-}
-
-/***************
- * Header bars *
- ***************/
-.header-bar {
-    border-width: 0 0 1px;
-    border-style: solid;
-    border-color: @theme_border_color;
-
-    background-color: @theme_base_color;
-
-    padding: 6px 6px 5px 6px;
-}
-
-.header-bar .button.text-button {
-    padding: 5px 19px;
-}
-
-.header-bar .button.image-button {
-    padding: 8px;
-}
-
-.header-bar .title {
-    font: Bold 11;
-}
-
-.header-bar .subtitle {
-    font: 9;
-}
-
-/*******
- * CSD *
- *******/
-.titlebar {
-    background-color: @theme_base_color;
-    border-radius: 7px 7px 0px 0px;
-}
-
-/* this is the default titlebar that is added by GTK
- * when client-side decorations are in use and the application
- * did not set a custom titlebar.
- */
-.titlebar.default-decoration {
-    border: none;
-}
-
-.titlebar .title {
-    font: Bold 11;
-}
-
-.titlebar .titlebutton {
-    color: @theme_button_fg;
-    background-color: transparent;
-    padding: 8px;
-
-    border-color: transparent;
-}
-
-.titlebar .titlebutton:hover {
-    background-color: @theme_button_bg;
-    border-color: @theme_button_fg;
-    color: @theme_button_fg;
-}
-
-.titlebar .titlebutton:active {
-    background-color: @theme_button_active_bg;
-    color: @theme_base_color;
-}
-
-.window-frame {
-    border-color: darker(@theme_bg_color);
-    border-radius: 7px 7px 0 0;
-    border-width: 1px;
-    border-style: solid;
-
-    box-shadow: 0 2px 8px 3px alpha(black, 0.7);
-
-    /* this is used for the resize cursor area */
-    margin: 10px;
-}
-
-.window-frame:backdrop {
-    box-shadow: 0 2px 5px 1px alpha(black, 0.7);
-}
-
-/**********************
- * Fallback Mode Panel
- **********************/
-
-/* the panel bar itself */
-.gnome-panel-menu-bar,
-PanelApplet > GtkMenuBar.menubar,
-PanelToplevel,
-PanelWidget,
-PanelAppletFrame,
-PanelApplet {
-    color: @os_chrome_fg_color;
-
-    background-color: @os_chrome_bg_color;
-    background-image: none;
-}
-
-/* applets on the panel */
-ClockBox,
-.gnome-panel-menu-bar,
-PanelApplet > GtkMenuBar.menubar {
-    font: bold;
-}
-
-.gnome-panel-menu-bar .menuitem,
-PanelApplet > GtkMenuBar.menubar .menuitem {
-    color: @os_chrome_fg_color;
-}
-
-.gnome-panel-menu-bar .menuitem:hover,
-PanelApplet > GtkMenuBar.menubar .menuitem:hover {
-    color: @os_chrome_selected_fg_color;
-    background-color: @os_chrome_selected_bg_color;
-}
-
-.gnome-panel-menu-bar .menuitem *:hover,
-PanelApplet > GtkMenuBar.menubar .menuitem *:hover {
-    text-shadow: 0 1px @os_chrome_bg_color;
-}
-
-/* dropdown menus from applets */
-.gnome-panel-menu-bar .menu,
-PanelApplet > GtkMenuBar.menubar .menu {
-    font: regular;
-}
-
-.gnome-panel-menu-bar .menu *:hover,
-PanelApplet > GtkMenuBar.menubar .menu *:hover {
-    text-shadow: none;
-}
-
-.gnome-panel-menu-bar .menu .menuitem,
-PanelApplet > GtkMenuBar.menubar .menu .menuitem {
-    color: @theme_fg_color;
-}
-
-.gnome-panel-menu-bar .menu .menuitem:hover,
-PanelApplet > GtkMenuBar.menubar .menu .menuitem:hover {
-    color: @os_chrome_selected_fg_color;
-    background-color: @os_chrome_selected_bg_color;
-}
-
-/* application buttons */
-PanelApplet .button,
-PanelApplet .button:hover {
-    padding: 7px;
-
-    border-image: none;
-    border-width: 0;
-    border-radius: 0;
-
-    background-image: none;
-    background-color: @os_chrome_bg_color;
-
-    color: @os_chrome_fg_color;
-    text-shadow: none;
-}
-
-PanelApplet .button:active:hover,
-PanelApplet .button:active {
-    border-image: none;
-    background-image: none;
-    background-color: @os_chrome_selected_bg_color;
-    border-width: 0;
-    border-radius: 0;
-}
-
-PanelApplet *:hover {
-    color: @os_chrome_selected_fg_color;
-}
-
-PanelApplet *:active,
-PanelApplet *:hover:active {
-    color: @os_chrome_selected_fg_color;
-    text-shadow: 0 1px @os_chrome_bg_color;
-}
-
-WnckPager {
-    background-color: lighter(@os_chrome_selected_bg_color);
-}
-
-NaTrayApplet {
-    -NaTrayApplet-icon-padding: 12;
-    -NaTrayApplet-icon-size: 16;
-}
-
-/****************
- * App-specific *
- ****************/
-TerminalScreen {
-    background-color: @theme_base_color;
-    color: @theme_fg_color;
-}
-
-.nautilus-cluebar-label {
-    color: @theme_base_color;
-    font: bold;
-}
-
-NautilusWindow .sidebar .frame {
-    border-style: none;
-}
-
-NautilusNotebook.notebook {
-    border-right-width: 0;
-    border-left-width: 0;
-    border-bottom-width: 0;
-}
-
-NautilusNotebook .frame {
-    border-width: 0;
-}
-
-NautilusWindow .pane-separator {
-    border-width: 0 1px 0 0;
-    border-style: solid;
-    border-color: @theme_border_color;
-}
-
-.nautilus-desktop.nautilus-canvas-item {
-    color: @theme_base_color;
-    text-shadow: 1px 1px black;
-}
-
-.nautilus-desktop.nautilus-canvas-item:selected {
-    color: @theme_base_color;
-}
-
-.nautilus-desktop.nautilus-canvas-item:backdrop {
-    background-color: @theme_fg_color;
-}
-
-.nautilus-desktop.nautilus-canvas-item:active,
-.nautilus-desktop.nautilus-canvas-item:prelight,
-.nautilus-desktop.nautilus-canvas-item:selected {
-    text-shadow: none;
-}
-
-.documents-icon-bg {
-    background-color: @theme_internal_bg;
-    color: @theme_fg_color;
-    border-radius: 3px;
-}
-
-.documents-collection-icon {
-    background-color: @theme_internal_bg;
-    border-radius: 6px;
-}
-
-.documents-selection-mode.toolbar {
-    background-color: @theme_internal_bg;
-}
diff --git a/themes/HighContrast/gtk-3.0/gtk.css b/themes/HighContrast/gtk-3.0/gtk.css
index ccff72c8..3ee1774e 100644
--- a/themes/HighContrast/gtk-3.0/gtk.css
+++ b/themes/HighContrast/gtk-3.0/gtk.css
@@ -1,91 +1,2195 @@
-@define-color theme_base_color #fff;
-@define-color theme_fg_color #000;
-@define-color theme_active_color #555753;
-@define-color theme_border_color @theme_active_color;
-
-@define-color theme_highlight_color #3465a4;
-@define-color theme_highlight_alt #204a87;
-@define-color theme_highlight_border #12294a;
-
-@define-color theme_internal_bg #d6d6d6;
-@define-color theme_internal_border shade(@theme_internal_bg, 0.90);
-
-@define-color theme_insensitive_color #7a7a79;
-@define-color theme_insensitive_bg #f4f4f2;
-@define-color theme_insensitive_border #babdb6;
-
-@define-color theme_slider_bg #6f706d;
-
-@define-color theme_button_bg #eeeeec;
-@define-color theme_button_fg #2e3436;
-@define-color theme_button_active_bg @theme_slider_bg;
-@define-color theme_button_active_border @theme_slider_bg;
-@define-color theme_button_insensitive_bg #fafaf9;
-@define-color theme_button_insensitive_fg #c6c8c8;
-@define-color theme_button_insensitive_border #c1c2c3;
-@define-color theme_button_insensitive_active_bg #cccdcc;
-@define-color theme_button_insensitive_active_fg @theme_base_color;
-@define-color theme_button_insensitive_active_border @theme_button_insensitive_active_bg;
-@define-color theme_button_linked_border @theme_active_color;
-@define-color theme_button_linked_insensitive_bg @theme_button_insensitive_bg;
-@define-color theme_button_linked_insensitive_fg @theme_button_insensitive_fg;
-
-@define-color theme_entry_bg @theme_base_color;
-
-@define-color theme_notebook_bg @theme_base_color;
-@define-color theme_notebook_border @theme_active_color;
-
-@define-color theme_scale_trough_bg @theme_active_color;
-@define-color theme_scale_trough_insensitive_bg @theme_button_insensitive_active_bg;
-
-@define-color theme_switch_slider_bg @theme_active_color;
-@define-color theme_switch_slider_border @theme_active_color;
-@define-color theme_switch_slider_active_bg @theme_base_color;
-@define-color theme_switch_slider_insensitive_bg @theme_trough_insensitive_fg;
-@define-color theme_switch_slider_insensitive_border @theme_trough_insensitive_fg;
-@define-color theme_switch_slider_active_insensitive_bg @theme_base_color;
-
-@define-color theme_trough_bg @theme_button_bg;
-@define-color theme_trough_fg @theme_active_color;
-@define-color theme_trough_insensitive_bg #fafaf9;
-@define-color theme_trough_insensitive_fg @theme_button_insensitive_active_bg;
-@define-color theme_trough_insensitive_border @theme_button_insensitive_active_bg;
-
-@define-color theme_toolbar_bg @theme_button_bg;
-@define-color theme_inline_toolbar_button_bg @theme_base_color;
-@define-color theme_inline_toolbar_button_fg @theme_fg_color;
-@define-color theme_inline_toolbar_button_side #dddedb;
-
-@define-color theme_check_radio_bg @theme_button_bg;
-@define-color theme_check_radio_border @theme_border_color;
-
-@define-color theme_view_bg @theme_base_color;
-
-@define-color theme_cursor_color @theme_fg_color;
-
-@define-color wm_border_color @theme_fg_color;
-@define-color wm_border_bakcdrop_color @theme_insensitive_border;
-@define-color wm_button_bg @theme_button_bg;
-@define-color wm_button_fg @theme_button_fg;
-@define-color wm_button_pressed_fg @theme_internal_bg;
-@define-color wm_button_prelight_bg @theme_fg_color;
-@define-color wm_button_pressed_bg @theme_fg_color;
-@define-color wm_button_prelight_fg @theme_base_color;
-@define-color wm_button_pressed_fg @theme_base_color;
-
+/* GTK NAMED COLORS */
+@define-color theme_fg_color black;
+@define-color theme_bg_color white;
+@define-color theme_base_color white;
+@define-color theme_selected_bg_color black;
+@define-color theme_selected_fg_color white;
+@define-color insensitive_bg_color white;
+@define-color insensitive_fg_color #7f7f7f;
+@define-color insensitive_base_color white;
+@define-color theme_unfocused_fg_color #191919;
+@define-color theme_unfocused_bg_color white;
+@define-color theme_unfocused_base_color white;
+@define-color theme_unfocused_selected_bg_color black;
+@define-color theme_unfocused_selected_fg_color white;
+@define-color borders #7f7f7f;
+@define-color unfocused_borders #8b8b8b;
+@define-color warning_color #f57900;
+@define-color error_color #cc0000;
+@define-color success_color #73d216;
+@define-color wm_title shade(black, 1.8);
+@define-color wm_unfocused_title #191919;
+@define-color wm_highlight white;
+@define-color wm_borders_edge white;
+@define-color wm_bg_a shade(white, 1.2);
+@define-color wm_bg_b white;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(white, 1.3);
+@define-color wm_button_hover_color_b white;
+@define-color wm_button_active_color_a shade(white, 0.85);
+@define-color wm_button_active_color_b shade(white, 0.89);
+@define-color wm_button_active_color_c shade(white, 0.9);
+@define-color content_view_bg white;
 * {
-    /* Pidgin */
-    -GtkIMHtml-hyperlink-color: #000060;
-    -GtkIMHtml-hyperlink-visited-color: #600000;
-    -GtkIMHtml-hyperlink-prelight-color: #404080;
+  padding: 0;
+  -GtkToolButton-icon-spacing: 4;
+  -GtkTextView-error-underline-color: #cc0000;
+  -GtkPaned-handle-size: 1;
+  -GtkCheckButton-indicator-size: 16;
+  -GtkCheckMenuItem-indicator-size: 16;
+  -GtkScrolledWindow-scrollbar-spacing: 0;
+  -GtkScrolledWindow-scrollbars-within-bevel: 1;
+  -GtkToolItemGroup-expander-size: 11;
+  -GtkExpander-expander-size: 16;
+  -GtkTreeView-expander-size: 11;
+  -GtkTreeView-horizontal-separator: 4;
+  -GtkMenu-horizontal-padding: 0;
+  -GtkMenu-vertical-padding: 0;
+  -GtkWidget-link-color: black;
+  -GtkWidget-visited-link-color: black;
+  -GtkWidget-focus-padding: 2;
+  -GtkWidget-focus-line-width: 1;
+  -GtkDialog-button-spacing: 4;
+  -GtkDialog-action-area-border: 0;
+  -GtkStatusbar-shadow-type: none;
+  outline-color: rgba(0, 0, 0, 0.3);
+  outline-style: dashed;
+  outline-offset: -3px;
+  outline-width: 1px;
+  outline-radius: 2px; }
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  color: black;
+  background-color: white; }
+
+.background:backdrop {
+  text-shadow: none;
+  icon-shadow: none;
+  color: #1a1a1a;
+  background-color: white; }
+
+/*
+   These wildcard seems unavoidable, need to investigate.
+   Wildcards are bad and troublesome, use them with care,
+   or better, just don't.
+   Everytime a wildcard is used a kitten dies, painfully.
+*/
+*:insensitive {
+  -gtk-image-effect: dim; }
+
+.gtkstyle-fallback {
+  background-color: white;
+  color: black; }
+  .gtkstyle-fallback:prelight {
+    background-color: white;
+    color: black; }
+  .gtkstyle-fallback:active {
+    background-color: #e6e6e6;
+    color: black; }
+  .gtkstyle-fallback:insensitive {
+    background-color: white;
+    color: #7f7f7f; }
+  .gtkstyle-fallback:selected {
+    background-color: black;
+    color: white; }
+
+.view {
+  color: black;
+  background-color: white; }
+  .view:backdrop {
+    color: #191919;
+    background-color: white; }
+
+.rubberband {
+  border: 1px solid black;
+  background-color: rgba(0, 0, 0, 0.2); }
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    -gtk-icon-transform: rotate(1turn); } }
+.spinner {
+  background-image: none;
+  background-color: blue;
+  opacity: 0;
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+  .spinner:active {
+    opacity: 1;
+    animation: spin 1s linear infinite; }
+    .spinner:active:insensitive {
+      opacity: 0.5; }
+
+/****************
+ * Text Entries *
+ ****************/
+.entry {
+  padding: 4px;
+  border-radius: 3px;
+  transition: all 200ms ease-out;
+  background-color: transparent;
+  border-style: solid;
+  border-width: 1px;
+  background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
+  border-color: #7f7f7f;
+  box-shadow: inset 0 2px 2px -2px #7f7f7f, 0 1px white; }
+  .entry.flat, .entry.flat:focus {
+    padding: 2px;
+    background-color: transparent;
+    border-style: solid;
+    border-width: 1px;
+    background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
+    border-color: #7f7f7f;
+    box-shadow: inset 0 2px 2px -2px #7f7f7f;
+    border: none;
+    border-radius: 0; }
+  .entry:focus {
+    background-color: transparent;
+    border-style: solid;
+    border-width: 1px;
+    background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
+    border-color: black;
+    box-shadow: inset 0 2px 2px -2px #7f7f7f, inset 0 0 2px 1px #cccccc, 0 1px white; }
+  .entry:insensitive {
+    background-color: transparent;
+    border-style: solid;
+    border-width: 1px;
+    background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
+    color: #7f7f7f;
+    border-color: #7f7f7f;
+    background-image: linear-gradient(to bottom, white);
+    box-shadow: 0 1px white; }
+  .entry:backdrop {
+    background-color: transparent;
+    border-style: solid;
+    border-width: 1px;
+    background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
+    color: #191919;
+    background-image: linear-gradient(to bottom, white);
+    box-shadow: 0 1px rgba(255, 255, 255, 0); }
+  .entry:backdrop:insensitive {
+    background-color: transparent;
+    border-style: solid;
+    border-width: 1px;
+    background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
+    color: white;
+    background-image: linear-gradient(to bottom, white);
+    box-shadow: 0 1px rgba(255, 255, 255, 0); }
+  .entry:selected, .entry:backdrop:selected {
+    background-color: black;
+    color: white; }
+  .entry.progressbar {
+    margin: 1px;
+    border-radius: 0;
+    border-width: 0 0 2px;
+    border-color: black;
+    border-style: solid;
+    background-image: none;
+    background-color: transparent;
+    box-shadow: none; }
+    .entry.progressbar:backdrop {
+      background-color: transparent; }
+  .linked .entry:first-child {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0; }
+    .linked .entry:first-child:dir(rtl) {
+      border-right-style: none; }
+  .linked .entry:last-child {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    border-left-style: none; }
+    .linked .entry:last-child:dir(rtl) {
+      border-left-style: solid; }
+  .entry.error {
+    color: #cc0000;
+    border-color: #cc0000; }
+    .entry.error:focus {
+      background-color: transparent;
+      border-style: solid;
+      border-width: 1px;
+      background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
+      border-color: #cc0000;
+      box-shadow: inset 0 2px 2px -2px #7f7f7f, inset 0 0 2px 1px #f4cccc, 0 1px white; }
+    .entry.error:selected, .entry.error:selected:focus {
+      background-color: #cc0000; }
+  .entry.warning {
+    color: #f57900;
+    border-color: #f57900; }
+    .entry.warning:focus {
+      background-color: transparent;
+      border-style: solid;
+      border-width: 1px;
+      background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
+      border-color: #f57900;
+      box-shadow: inset 0 2px 2px -2px #7f7f7f, inset 0 0 2px 1px #fde4cc, 0 1px white; }
+    .entry.warning:selected, .entry.warning:selected:focus {
+      background-color: #f57900; }
+
+/***********
+ * Buttons *
+ ***********/
+.button {
+  border-radius: 3px;
+  transition: all 200ms ease-out;
+  padding: 4px 6px;
+  border-width: 2px;
+  border-style: solid;
+  color: black;
+  background-image: linear-gradient(to bottom, white, white 40%, #f2f2f2);
+  border-color: #7f7f7f; }
+  .button:hover, .button.flat:hover {
+    border-width: 2px;
+    border-style: solid;
+    color: black;
+    border-color: #7f7f7f;
+    background-image: linear-gradient(to bottom, white, white 40%, white);
+    -gtk-image-effect: highlight; }
+  .button:active, .button.flat:active {
+    border-width: 2px;
+    border-style: solid;
+    color: black;
+    border-color: #7f7f7f;
+    background-image: linear-gradient(to bottom, #7f7f7f);
+    color: white;
+    transition-duration: 50ms; }
+  .button:backdrop, .button.flat:backdrop {
+    border-width: 2px;
+    border-style: solid;
+    color: #191919;
+    border-color: #8b8b8b;
+    background-image: linear-gradient(to bottom, white);
+    text-shadow: none;
+    icon-shadow: none; }
+    .button:backdrop:active, .button.flat:backdrop:active {
+      border-width: 2px;
+      border-style: solid;
+      color: #191919;
+      border-color: #8b8b8b;
+      background-image: linear-gradient(to bottom, #d6d6d6); }
+    .button:backdrop:insensitive, .button.flat:backdrop:insensitive {
+      border-width: 2px;
+      border-style: solid;
+      color: white;
+      border-color: #8b8b8b;
+      background-image: linear-gradient(to bottom, white); }
+    .button:backdrop:insensitive:active, .button.flat:backdrop:insensitive:active {
+      border-width: 2px;
+      border-style: solid;
+      color: white;
+      border-color: #8b8b8b;
+      background-image: linear-gradient(to bottom, whitesmoke); }
+  .button:insensitive {
+    border-width: 2px;
+    border-style: solid;
+    color: #7f7f7f;
+    border-color: #7f7f7f;
+    background-image: linear-gradient(to bottom, white);
+    text-shadow: none;
+    icon-shadow: none; }
+    .button:insensitive:active, .button:insensitive.flat:active {
+      border-width: 2px;
+      border-style: solid;
+      color: #7f7f7f;
+      border-color: #7f7f7f;
+      background-image: linear-gradient(to bottom, #f2f2f2); }
+  .osd .button {
+    padding: 6px;
+    border-width: 1px 1px 2px 1px;
+    border-width: 2px;
+    border-style: solid;
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.8);
+    border-color: rgba(255, 255, 255, 0.2);
+    box-shadow: none; }
+    .osd .button:hover {
+      border-width: 2px;
+      border-style: solid;
+      background-color: rgba(255, 255, 255, 0.01);
+      border-color: rgba(255, 255, 255, 0.2);
+      box-shadow: none; }
+    .osd .button:active {
+      border-width: 2px;
+      border-style: solid;
+      background-color: rgba(255, 255, 255, 0.03);
+      border-color: rgba(255, 255, 255, 0.2);
+      box-shadow: none; }
+    .osd .button:insensitive {
+      border-width: 2px;
+      border-style: solid;
+      border-color: rgba(255, 255, 255, 0.2);
+      color: #7f7f7f; }
+    .osd .button:backdrop {
+      border-width: 2px;
+      border-style: solid; }
+  .button.suggested-action {
+    border-width: 2px;
+    border-style: solid;
+    color: white;
+    background-image: linear-gradient(to bottom, #0d0d0d, black 40%, black);
+    border-color: black; }
+    .button.suggested-action:hover {
+      border-width: 2px;
+      border-style: solid;
+      color: white;
+      border-color: black;
+      background-image: linear-gradient(to bottom, #242424, #0a0a0a 40%, black); }
+    .button.suggested-action:active {
+      border-width: 2px;
+      border-style: solid;
+      color: white;
+      border-color: black;
+      background-image: linear-gradient(to bottom, #7f7f7f);
+      color: black; }
+    .button.suggested-action:backdrop {
+      border-width: 2px;
+      border-style: solid;
+      color: white;
+      border-color: black;
+      background-image: linear-gradient(to bottom, black);
+      text-shadow: none;
+      icon-shadow: none; }
+      .button.suggested-action:backdrop:insensitive {
+        border-width: 2px;
+        border-style: solid;
+        color: white;
+        border-color: #8b8b8b;
+        background-image: linear-gradient(to bottom, white); }
+    .button.suggested-action:insensitive {
+      border-width: 2px;
+      border-style: solid;
+      color: #7f7f7f;
+      border-color: #7f7f7f;
+      background-image: linear-gradient(to bottom, white);
+      text-shadow: none;
+      icon-shadow: none; }
+  .button.destructive-action {
+    border-width: 2px;
+    border-style: solid;
+    color: white;
+    background-image: linear-gradient(to bottom, #f14141, #ef2929 40%, #ed1212);
+    border-color: #8e0b0b; }
+    .button.destructive-action:hover {
+      border-width: 2px;
+      border-style: solid;
+      color: white;
+      border-color: #8e0b0b;
+      background-image: linear-gradient(to bottom, #f46b6b, #f03c3c 40%, #ef2929); }
+    .button.destructive-action:active {
+      border-width: 2px;
+      border-style: solid;
+      color: white;
+      border-color: #8e0b0b;
+      background-image: linear-gradient(to bottom, #7f7f7f);
+      color: #ef2929; }
+    .button.destructive-action:backdrop {
+      border-width: 2px;
+      border-style: solid;
+      color: white;
+      border-color: #ef2929;
+      background-image: linear-gradient(to bottom, #ef2929);
+      text-shadow: none;
+      icon-shadow: none; }
+      .button.destructive-action:backdrop:insensitive {
+        border-width: 2px;
+        border-style: solid;
+        color: white;
+        border-color: #8b8b8b;
+        background-image: linear-gradient(to bottom, white); }
+    .button.destructive-action:insensitive {
+      border-width: 2px;
+      border-style: solid;
+      color: #7f7f7f;
+      border-color: #7f7f7f;
+      background-image: linear-gradient(to bottom, white);
+      text-shadow: none;
+      icon-shadow: none; }
+  .button.image-button {
+    padding: 8px; }
+  .button.text-button {
+    padding: 6px 8px 5px; }
+  .inline-toolbar .button, .inline-toolbar .button:backdrop {
+    border-radius: 2px;
+    border-width: 1px; }
+  .primary-toolbar .button {
+    icon-shadow: none; }
+
+.inline-toolbar GtkToolButton > .button {
+  border-width: 2px;
+  border-style: solid;
+  color: black;
+  background-image: linear-gradient(to bottom, white, white 40%, #f2f2f2);
+  border-color: #7f7f7f; }
+  .inline-toolbar GtkToolButton > .button:hover {
+    border-width: 2px;
+    border-style: solid;
+    color: black;
+    border-color: #7f7f7f;
+    background-image: linear-gradient(to bottom, white, white 40%, white); }
+  .inline-toolbar GtkToolButton > .button:active {
+    border-width: 2px;
+    border-style: solid;
+    color: black;
+    border-color: #7f7f7f;
+    background-image: linear-gradient(to bottom, #7f7f7f);
+    color: white; }
+  .inline-toolbar GtkToolButton > .button:insensitive {
+    border-width: 2px;
+    border-style: solid;
+    color: #7f7f7f;
+    border-color: #7f7f7f;
+    background-image: linear-gradient(to bottom, white);
+    text-shadow: none;
+    icon-shadow: none; }
+  .inline-toolbar GtkToolButton > .button:insensitive:active {
+    border-width: 2px;
+    border-style: solid;
+    color: #7f7f7f;
+    border-color: #7f7f7f;
+    background-image: linear-gradient(to bottom, #f2f2f2); }
+  .inline-toolbar GtkToolButton > .button:backdrop {
+    border-width: 2px;
+    border-style: solid;
+    color: #191919;
+    border-color: #8b8b8b;
+    background-image: linear-gradient(to bottom, white);
+    text-shadow: none;
+    icon-shadow: none; }
+  .inline-toolbar GtkToolButton > .button:backdrop:active {
+    border-width: 2px;
+    border-style: solid;
+    color: #191919;
+    border-color: #8b8b8b;
+    background-image: linear-gradient(to bottom, #d6d6d6); }
+  .inline-toolbar GtkToolButton > .button:backdrop:insensitive {
+    border-width: 2px;
+    border-style: solid;
+    color: white;
+    border-color: #8b8b8b;
+    background-image: linear-gradient(to bottom, white); }
+  .inline-toolbar GtkToolButton > .button:backdrop:insensitive:active {
+    border-width: 2px;
+    border-style: solid;
+    color: white;
+    border-color: #8b8b8b;
+    background-image: linear-gradient(to bottom, whitesmoke); }
+
+.inline-toolbar.toolbar GtkToolButton > .button.flat {
+  border-radius: 0;
+  border-left-style: none; }
+.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat {
+  border-radius: 3px 0 0 3px;
+  border-left-style: solid; }
+.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat {
+  border-radius: 0 3px 3px 0; }
+.inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat {
+  border-right-style: solid; }
+.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat {
+  border-radius: 3px;
+  border-style: solid; }
+
+.osd .button, .osd .button:hover, .osd .button:active, .osd .button:insensitive, .osd .button:backdrop, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked .button, .linked .button:backdrop {
+  border-radius: 0;
+  border-left-style: none; }
+  .osd .button:dir(rtl), .inline-toolbar .button:dir(rtl), .linked .button:dir(rtl) {
+    border-right-style: none;
+    border-left-style: solid; }
+  .osd .button:first-child, .inline-toolbar .button:first-child, .linked .button:first-child {
+    border-radius: 3px 0 0 3px;
+    border-left-style: solid; }
+  .osd .button:last-child, .inline-toolbar .button:last-child, .linked .button:last-child {
+    border-radius: 0 3px 3px 0; }
+    .osd .button:last-child:dir(rtl), .inline-toolbar .button:last-child:dir(rtl), .linked .button:last-child:dir(rtl) {
+      border-right-style: solid; }
+  .osd .button:only-child, .inline-toolbar .button:only-child, .linked .button:only-child {
+    border-radius: 3px;
+    border-style: solid; }
+
+.button.flat, .button.flat:backdrop, .menuitem.button.flat, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:visited:hover, .button:visited:active, .button:link:backdrop, .button:visited:backdrop, .notebook tab .button, .list-row.button, .list-row.button:backdrop:hover, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:backdrop, GtkCalendar.button:backdrop:hover {
+  border-color: transparent;
+  background-color: transparent;
+  background-image: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+  text-shadow: none;
+  icon-shadow: none; }
+
+/* menu buttons */
+.menuitem.button.flat {
+  outline-offset: -1px; }
+  .menuitem.button.flat:hover {
+    background-color: #e5e5e5; }
+
+GtkColorButton.button {
+  padding: 4px; }
+
+/*********
+ * Links *
+ *********/
+*:link {
+  color: black; }
+  *:link:hover, *:link:active, *:link:visited {
+    color: black; }
+  *:link:backdrop, *:link:backdrop:hover {
+    color: black; }
+
+.button:link, .button:visited {
+  color: black;
+  text-shadow: none; }
+  .button:link:hover, .button:link:active, .button:visited:hover, .button:visited:active {
+    color: black;
+    text-shadow: none; }
+  .button:link:backdrop, .button:visited:backdrop {
+    color: black; }
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+.spinbutton {
+  /* This is to fix spinbuttons in entries, but I feel like hiding code issues
+   * hence it's commented atm.
+   *  GtkTreeView & {
+   *   &.entry, &.entry:focus {
+   *     padding: 1px;
+   *     border-width: 1px 0;
+   *     border-color: $selected_bg_color;
+   *     border-radius: 0;
+   *     box-shadow: none;
+   *   }
+   * } */ }
+  .spinbutton .button {
+    background-image: none;
+    border-width: 0 0 0 1px;
+    border-color: rgba(127, 127, 127, 0.3);
+    color: #0c0c0c;
+    border-radius: 0;
+    box-shadow: none; }
+    .spinbutton .button:dir(rtl) {
+      border-width: 0 1px 0 0; }
+    .spinbutton .button:hover {
+      color: black;
+      background-color: rgba(0, 0, 0, 0.05); }
+    .spinbutton .button:insensitive {
+      color: rgba(127, 127, 127, 0.3); }
+    .spinbutton .button:active {
+      box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2);
+      background-color: rgba(0, 0, 0, 0.1); }
+    .spinbutton .button:backdrop {
+      border-color: rgba(139, 139, 139, 0.3); }
+    .spinbutton .button:backdrop:insensitive {
+      background-image: none;
+      color: rgba(255, 255, 255, 0.3);
+      border-width: 0 0 0 1px; }
+      .spinbutton .button:backdrop:insensitive:dir(rtl) {
+        border-width: 0 1px 0 0; }
+  .spinbutton.vertical .button:first-child {
+    border-width: 2px;
+    border-style: solid;
+    color: black;
+    background-image: linear-gradient(to bottom, white, white 40%, #f2f2f2);
+    border-color: #7f7f7f; }
+    .spinbutton.vertical .button:first-child:active {
+      border-width: 2px;
+      border-style: solid;
+      color: black;
+      border-color: #7f7f7f;
+      background-image: linear-gradient(to bottom, #7f7f7f);
+      color: white; }
+    .spinbutton.vertical .button:first-child:hover {
+      border-width: 2px;
+      border-style: solid;
+      color: black;
+      border-color: #7f7f7f;
+      background-image: linear-gradient(to bottom, white, white 40%, white); }
+    .spinbutton.vertical .button:first-child:insensitive {
+      border-width: 2px;
+      border-style: solid;
+      color: #7f7f7f;
+      border-color: #7f7f7f;
+      background-image: linear-gradient(to bottom, white);
+      text-shadow: none;
+      icon-shadow: none; }
+    .spinbutton.vertical .button:first-child:backdrop {
+      border-width: 2px;
+      border-style: solid;
+      color: #191919;
+      border-color: #8b8b8b;
+      background-image: linear-gradient(to bottom, white);
+      text-shadow: none;
+      icon-shadow: none; }
+  .spinbutton.vertical .button:last-child {
+    border-width: 2px;
+    border-style: solid;
+    color: black;
+    background-image: linear-gradient(to bottom, white, white 40%, #f2f2f2);
+    border-color: #7f7f7f; }
+    .spinbutton.vertical .button:last-child:active {
+      border-width: 2px;
+      border-style: solid;
+      color: black;
+      border-color: #7f7f7f;
+      background-image: linear-gradient(to bottom, #7f7f7f);
+      color: white; }
+    .spinbutton.vertical .button:last-child:hover {
+      border-width: 2px;
+      border-style: solid;
+      color: black;
+      border-color: #7f7f7f;
+      background-image: linear-gradient(to bottom, white, white 40%, white); }
+    .spinbutton.vertical .button:last-child:insensitive {
+      border-width: 2px;
+      border-style: solid;
+      color: #7f7f7f;
+      border-color: #7f7f7f;
+      background-image: linear-gradient(to bottom, white);
+      text-shadow: none;
+      icon-shadow: none; }
+    .spinbutton.vertical .button:last-child:backdrop {
+      border-width: 2px;
+      border-style: solid;
+      color: #191919;
+      border-color: #8b8b8b;
+      background-image: linear-gradient(to bottom, white);
+      text-shadow: none;
+      icon-shadow: none; }
+  .spinbutton.vertical .button:backdrop:insensitive {
+    border-width: 2px;
+    border-style: solid;
+    color: white;
+    border-color: #8b8b8b;
+    background-image: linear-gradient(to bottom, white); }
+  .spinbutton.vertical.entry {
+    border-radius: 0; }
+  .spinbutton.vertical .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop {
+    border-radius: 3px 3px 0 0;
+    border-bottom-width: 0; }
+  .spinbutton.vertical .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop {
+    border-radius: 0 0 3px 3px;
+    border-top-width: 0; }
+
+/**************
+ * ComboBoxes *
+ **************/
+GtkComboBox {
+  padding: 0;
+  -GtkComboBox-arrow-scaling: 0.5;
+  -GtkComboBox-shadow-type: none;
+  box-shadow: 0 1px white;
+  text-shadow: 0 1px white;
+  icon-shadow: 0 1px white; }
+  GtkComboBox:insensitive {
+    color: #7f7f7f;
+    text-shadow: none;
+    icon-shadow: none; }
+  GtkComboBox:backdrop {
+    color: #191919;
+    text-shadow: none;
+    icon-shadow: none; }
+  GtkComboBox:backdrop:insensitive {
+    color: white; }
+  GtkComboBox .menuitem {
+    text-shadow: none; }
+  GtkComboBox .separator {
+    -GtkWidget-wide-separators: true;
+    -GtkWidget-horizontal-separator: 0;
+    -GtkWidget-vertical-separator: 0; }
+  GtkComboBox.combobox-entry .entry {
+    border-radius: 3px 0 0 3px; }
+    GtkComboBox.combobox-entry .entry:dir(rtl) {
+      border-radius: 0 3px 3px 0; }
+  GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop {
+    border-radius: 0 3px 3px 0;
+    border-left-style: none; }
+    GtkComboBox.combobox-entry .button:dir(rtl), GtkComboBox.combobox-entry .button:backdrop:dir(rtl) {
+      border-radius: 3px 0 0 3px;
+      border-left-style: solid;
+      border-right-style: none; }
+
+/************
+ * Toolbars *
+ ************/
+.toolbar {
+  padding: 6px;
+  background-color: white; }
+  .toolbar.osd {
+    background-color: rgba(0, 0, 0, 0.8);
+    border-radius: 6px;
+    padding: 12px; }
+  .toolbar.inline-toolbar {
+    border-width: 0 1px 1px;
+    padding: 3px;
+    border-radius: 0  0 4px 4px; }
+  .toolbar.search-bar {
+    border-width: 0 0 1px;
+    padding: 3px; }
+
+.toolbar.inline-toolbar, .toolbar.search-bar {
+  border-style: solid;
+  border-color: #7f7f7f;
+  background-color: #d8d8d8;
+  box-shadow: inset 0 2px 3px -1px #a2a2a2; }
+  .toolbar.inline-toolbar:backdrop, .toolbar.search-bar:backdrop {
+    border-color: #8b8b8b;
+    background-color: #d6d6d6;
+    box-shadow: none; }
+
+/***************
+ * Header bars *
+ ***************/
+.titlebar,
+.header-bar {
+  border-width: 0 0 1px;
+  border-style: solid;
+  border-color: #7f7f7f;
+  border-radius: 7px 7px 0 0;
+  background-color: transparent;
+  background-image: linear-gradient(to bottom, white, white);
+  box-shadow: inset 0 -1px #d8d8d8, inset 0 1px white;
+  padding: 6px; }
+  .titlebar:backdrop,
+  .header-bar:backdrop {
+    border-color: #8b8b8b;
+    background-color: white;
+    background-image: none;
+    box-shadow: none; }
+  .titlebar .title,
+  .header-bar .title {
+    font: Bold;
+    padding: 0px 12px; }
+  .titlebar .subtitle,
+  .header-bar .subtitle {
+    font-size: 80%;
+    padding: 0 12px; }
+  .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical,
+  .header-bar .header-bar-separator,
+  .header-bar > GtkBox > .separator.vertical {
+    -GtkWidget-wide-separators: true;
+    -GtkWidget-separator-width: 1px;
+    border-width: 0 1px;
+    border-image: linear-gradient(to bottom, rgba(127, 127, 127, 0), #7f7f7f 30%, #7f7f7f 70%, rgba(127, 127, 127, 0) 100%) 0 1/0 1px stretch; }
+    .titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > .separator.vertical:backdrop,
+    .header-bar .header-bar-separator:backdrop,
+    .header-bar > GtkBox > .separator.vertical:backdrop {
+      border-image: linear-gradient(to bottom, rgba(139, 139, 139, 0.5)) 0 1/1px 1px; }
+  .titlebar.selection-mode,
+  .header-bar.selection-mode {
+    color: black;
+    text-shadow: 0 1px rgba(0, 0, 0, 0.5);
+    background-image: linear-gradient(to bottom, #0d0d0d, #050505);
+    box-shadow: inset 0 -1px #d8d8d8, inset 0 1px #7f7f7f; }
+    .titlebar.selection-mode .button,
+    .header-bar.selection-mode .button {
+      border-width: 2px;
+      border-style: solid;
+      color: white;
+      background-image: linear-gradient(to bottom, #0d0d0d, black 40%, black);
+      border-color: black; }
+      .titlebar.selection-mode .button:hover,
+      .header-bar.selection-mode .button:hover {
+        border-width: 2px;
+        border-style: solid;
+        color: white;
+        border-color: black;
+        background-image: linear-gradient(to bottom, #242424, #0a0a0a 40%, black); }
+      .titlebar.selection-mode .button:active,
+      .header-bar.selection-mode .button:active {
+        border-width: 2px;
+        border-style: solid;
+        color: white;
+        border-color: black;
+        background-image: linear-gradient(to bottom, #7f7f7f);
+        color: black; }
+      .titlebar.selection-mode .button:insensitive,
+      .header-bar.selection-mode .button:insensitive {
+        border-width: 2px;
+        border-style: solid;
+        color: #7f7f7f;
+        border-color: #7f7f7f;
+        background-image: linear-gradient(to bottom, white);
+        text-shadow: none;
+        icon-shadow: none; }
+      .titlebar.selection-mode .button:backdrop,
+      .header-bar.selection-mode .button:backdrop {
+        border-width: 2px;
+        border-style: solid;
+        color: white;
+        border-color: black;
+        background-image: linear-gradient(to bottom, black);
+        text-shadow: none;
+        icon-shadow: none;
+        border-color: black; }
+      .titlebar.selection-mode .button:backdrop:insensitive,
+      .header-bar.selection-mode .button:backdrop:insensitive {
+        border-width: 2px;
+        border-style: solid;
+        color: white;
+        border-color: #8b8b8b;
+        background-image: linear-gradient(to bottom, white); }
+      .titlebar.selection-mode .button.suggested-action,
+      .header-bar.selection-mode .button.suggested-action {
+        border-width: 2px;
+        border-style: solid;
+        color: black;
+        background-image: linear-gradient(to bottom, white, white 40%, #f2f2f2);
+        border-color: #7f7f7f; }
+        .titlebar.selection-mode .button.suggested-action:hover,
+        .header-bar.selection-mode .button.suggested-action:hover {
+          border-width: 2px;
+          border-style: solid;
+          color: black;
+          border-color: #7f7f7f;
+          background-image: linear-gradient(to bottom, white, white 40%, white); }
+        .titlebar.selection-mode .button.suggested-action:active,
+        .header-bar.selection-mode .button.suggested-action:active {
+          border-width: 2px;
+          border-style: solid;
+          color: black;
+          border-color: #7f7f7f;
+          background-image: linear-gradient(to bottom, #7f7f7f);
+          color: white; }
+        .titlebar.selection-mode .button.suggested-action:insensitive,
+        .header-bar.selection-mode .button.suggested-action:insensitive {
+          border-width: 2px;
+          border-style: solid;
+          color: #7f7f7f;
+          border-color: #7f7f7f;
+          background-image: linear-gradient(to bottom, white);
+          text-shadow: none;
+          icon-shadow: none; }
+        .titlebar.selection-mode .button.suggested-action:backdrop,
+        .header-bar.selection-mode .button.suggested-action:backdrop {
+          border-width: 2px;
+          border-style: solid;
+          color: #191919;
+          border-color: #8b8b8b;
+          background-image: linear-gradient(to bottom, white);
+          text-shadow: none;
+          icon-shadow: none; }
+        .titlebar.selection-mode .button.suggested-action:backdrop:insensitive,
+        .header-bar.selection-mode .button.suggested-action:backdrop:insensitive {
+          border-width: 2px;
+          border-style: solid;
+          color: white;
+          border-color: #8b8b8b;
+          background-image: linear-gradient(to bottom, white); }
+    .titlebar.selection-mode .selection-menu,
+    .header-bar.selection-mode .selection-menu {
+      border-width: 0;
+      background-image: none;
+      box-shadow: none; }
+  .tiled .titlebar, .maximized .titlebar, .tiled
+  .header-bar, .maximized
+  .header-bar {
+    border-radius: 0; }
+
+/**************
+ * Tree Views *
+ **************/
+column-header .button {
+  color: #7f7f7f;
+  font-weight: bold;
+  text-shadow: none;
+  box-shadow: none; }
+  column-header .button:hover {
+    color: #3f3f3f;
+    box-shadow: none; }
+  column-header .button:active {
+    color: black; }
+column-header:last-child .button, column-header:last-child.button {
+  border-right-style: none; }
+
+column-header .button, column-header .button:hover, column-header .button:active {
+  border-width: 0 1px 1px 0;
+  border-radius: 0;
+  background-image: none;
+  border-color: white;
+  text-shadow: none; }
+  column-header .button:insensitive {
+    border-color: white;
+    background-image: none; }
+  column-header .button:backdrop {
+    border-color: white;
+    border-width: 0 1px 1px 0;
+    color: #8c8c8c;
+    background-image: none; }
+    column-header .button:backdrop:insensitive {
+      border-color: white;
+      background-image: none; }
+
+GtkTreeView.view.progressbar {
+  color: white;
+  border-radius: 4px;
+  background-image: linear-gradient(to bottom, black, black); }
+  GtkTreeView.view.progressbar:selected {
+    color: black;
+    background-image: linear-gradient(to bottom, white, #e6e6e6); }
+    GtkTreeView.view.progressbar:selected:backdrop {
+      color: black;
+      background-image: none;
+      background-color: white; }
+  GtkTreeView.view.progressbar:backdrop {
+    color: white;
+    background-image: none; }
+
+/*********
+ * Menus *
+ *********/
+.menubar {
+  padding: 0px;
+  background-color: #f2f2f2; }
+  .menubar:backdrop {
+    background-color: white; }
+  .menubar > .menuitem {
+    padding: 4px 8px; }
+    .menubar > .menuitem:hover {
+      box-shadow: inset 0 -3px black;
+      color: black; }
+    .menubar > .menuitem:insensitive {
+      color: #7f7f7f;
+      box-shadow: none; }
+
+.menu {
+  padding: 0px;
+  background-color: white; }
+  .menu .menuitem {
+    padding: 4px; }
+    .menu .menuitem:hover {
+      color: white;
+      background-color: black; }
+    .menu .menuitem:insensitive {
+      color: #7f7f7f; }
+      .menu .menuitem:insensitive:backdrop {
+        color: white; }
+    .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover {
+      color: #191919;
+      background-color: white; }
+    .menu .menuitem.arrow {
+      -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+    .menu .menuitem.arrow:dir(rtl) {
+      -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+/***************
+ * Popovers   *
+ ***************/
+.popover {
+  margin: 10px;
+  padding: 2px;
+  border-color: #7f7f7f;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 5px;
+  background-color: white;
+  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
+  .popover:backdrop {
+    box-shadow: none; }
+  .popover > .list, .popover > .view, .popover > .toolbar {
+    background-color: transparent; }
+  .popover .separator {
+    font-size: 80%;
+    font-weight: bold;
+    color: #cccccc;
+    text-shadow: none;
+    background-color: transparent;
+    icon-shadow: none;
+    border: 0; }
+  .popover .button.flat,
+  .popover .button.flat:hover {
+    text-shadow: none;
+    transition: none; }
+  .popover.osd {
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.8);
+    border: 1px solid #7f7f7f;
+    color: white; }
+    .popover.osd .button {
+      color: white;
+      text-shadow: none;
+      border-width: 2px;
+      border-style: solid;
+      background-image: none;
+      background-color: rgba(0, 0, 0, 0.8);
+      border-color: rgba(255, 255, 255, 0.2);
+      box-shadow: none; }
+      .popover.osd .button:hover {
+        border-width: 2px;
+        border-style: solid;
+        background-color: rgba(255, 255, 255, 0.01);
+        border-color: rgba(255, 255, 255, 0.2);
+        box-shadow: none; }
+      .popover.osd .button:active {
+        border-width: 2px;
+        border-style: solid;
+        background-color: rgba(255, 255, 255, 0.03);
+        border-color: rgba(255, 255, 255, 0.2);
+        box-shadow: none; }
+      .popover.osd .button:insensitive {
+        border-width: 2px;
+        border-style: solid;
+        border-color: rgba(255, 255, 255, 0.2);
+        color: #7f7f7f; }
+
+.cursor-handle {
+  background-color: transparent;
+  background-image: none; }
+  .cursor-handle.top {
+    -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); }
+  .cursor-handle.bottom {
+    -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
+
+/*****************
+ * Notebooks and *
+ * Tabs          *
+ *****************/
+.notebook {
+  padding: 0;
+  background-color: white;
+  -GtkNotebook-initial-gap: 10;
+  -GtkNotebook-arrow-spacing: 5;
+  -GtkNotebook-tab-curvature: 0;
+  -GtkNotebook-tab-overlap: -8;
+  -GtkNotebook-has-tab-gap: false;
+  -GtkWidget-focus-padding: 0;
+  -GtkWidget-focus-line-width: 0;
+  transition: all 200ms ease-out; }
+  .notebook:backdrop {
+    background-color: white; }
+  .notebook.frame {
+    border: 1px solid #7f7f7f; }
+    .notebook.frame.top {
+      border-top-width: 0; }
+    .notebook.frame.bottom {
+      border-bottom-width: 0; }
+    .notebook.frame.right {
+      border-right-width: 0; }
+    .notebook.frame.left {
+      border-left-width: 0; }
+    .notebook.frame:backdrop {
+      border-color: #8b8b8b; }
+  .notebook.header {
+    background-color: #d8d8d8; }
+    .notebook.header.frame {
+      border: 1px solid #7f7f7f; }
+      .notebook.header.frame.top {
+        border-bottom-width: 0; }
+      .notebook.header.frame.bottom {
+        border-top-width: 0; }
+      .notebook.header.frame.right {
+        border-left-width: 0; }
+      .notebook.header.frame.left {
+        border-right-width: 0; }
+      .notebook.header.frame:backdrop {
+        border-color: #8b8b8b; }
+    .notebook.header.top {
+      box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 -1px #7f7f7f; }
+      .notebook.header.top:backdrop {
+        box-shadow: inset 0 -1px #8b8b8b; }
+    .notebook.header.bottom {
+      box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 1px #7f7f7f; }
+      .notebook.header.bottom:backdrop {
+        box-shadow: inset 0 1px #8b8b8b; }
+    .notebook.header.right {
+      box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 1px 0 #7f7f7f; }
+      .notebook.header.right:backdrop {
+        box-shadow: inset 1px 0 #8b8b8b; }
+    .notebook.header.left {
+      box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset -1px 0 #7f7f7f; }
+      .notebook.header.left:backdrop {
+        box-shadow: inset -1px 0 #8b8b8b; }
+    .notebook.header:backdrop {
+      background-color: #d6d6d6;
+      box-shadow: none; }
+  .notebook tab {
+    border-width: 0;
+    border-style: solid;
+    border-color: transparent;
+    background-color: transparent;
+    outline-offset: 0;
+    /* works for testnotebookdnd, but there's a superfluous border
+       in gedit or web, commented out for now, needs gtk fixes
+    &.reorderable-page {
+      &.top {
+        padding-top: ($vt_vpadding - 1px);
+        border-top-width: 1px;
+        border-left-width: 1px;
+        border-right-width: 1px;
+      }
+      &.bottom {
+        padding-bottom: ($vt_vpadding - 1px);
+        border-bottom-width: 1px;
+        border-left-width: 1px;
+        border-right-width: 1px;
+      }
+      &.left {
+        padding-left: ($ht_hpadding - 1px);
+        border-left-width: 1px;
+        border-top-width: 1px;
+        border-bottom-width: 1px;
+      }
+      &.right {
+        padding-right: ($ht_hpadding - 1px);
+        border-right-width: 1px;
+        border-top-width: 1px;
+        border-bottom-width: 1px;
+      }
+    }
+    */ }
+    .notebook tab.top, .notebook tab.bottom {
+      padding: 8px 20px; }
+    .notebook tab.left, .notebook tab.right {
+      padding: 5px 20px; }
+    .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom {
+      padding-left: 12px;
+      padding-right: 12px;
+      border-left-width: 1px;
+      border-right-width: 1px; }
+    .notebook tab.reorderable-page.left, .notebook tab.reorderable-page.right {
+      border-bottom-width: 1px;
+      border-top-width: 1px; }
+    .notebook tab.top {
+      border-bottom-width: 3px; }
+    .notebook tab.bottom {
+      border-top-width: 3px; }
+    .notebook tab.left {
+      border-right-width: 3px; }
+    .notebook tab.right {
+      border-left-width: 3px; }
+    .notebook tab:hover, .notebook tab.prelight-page {
+      border-color: #7f7f7f; }
+    .notebook tab:active, .notebook tab.active-page, .notebook tab:backdrop:active {
+      border-color: black; }
+    .notebook tab:backdrop {
+      background-color: transparent;
+      border-color: transparent; }
+    .notebook tab.reorderable-page.top {
+      border-color: transparent; }
+      .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page {
+        border-color: rgba(127, 127, 127, 0.3);
+        border-bottom-color: #7f7f7f;
+        background-color: rgba(255, 255, 255, 0.2); }
+      .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page {
+        background-color: rgba(255, 255, 255, 0.5);
+        border-color: rgba(127, 127, 127, 0.5);
+        border-bottom-color: black; }
+        .notebook tab.reorderable-page.top:active:hover, .notebook tab.reorderable-page.top.active-page:hover {
+          background-color: rgba(255, 255, 255, 0.7); }
+        .notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page:backdrop {
+          border-color: #8b8b8b;
+          background-color: white;
+          border-bottom-color: black; }
+      .notebook tab.reorderable-page.top:backdrop {
+        border-color: transparent;
+        background-color: transparent; }
+    .notebook tab.reorderable-page.bottom {
+      border-color: transparent; }
+      .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page {
+        border-color: rgba(127, 127, 127, 0.3);
+        border-top-color: #7f7f7f;
+        background-color: rgba(255, 255, 255, 0.2); }
+      .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page {
+        background-color: rgba(255, 255, 255, 0.5);
+        border-color: rgba(127, 127, 127, 0.5);
+        border-top-color: black; }
+        .notebook tab.reorderable-page.bottom:active:hover, .notebook tab.reorderable-page.bottom.active-page:hover {
+          background-color: rgba(255, 255, 255, 0.7); }
+        .notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page:backdrop {
+          border-color: #8b8b8b;
+          background-color: white;
+          border-top-color: black; }
+      .notebook tab.reorderable-page.bottom:backdrop {
+        border-color: transparent;
+        background-color: transparent; }
+    .notebook tab.reorderable-page.left {
+      border-color: transparent; }
+      .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page {
+        border-color: rgba(127, 127, 127, 0.3);
+        border-right-color: #7f7f7f;
+        background-color: rgba(255, 255, 255, 0.2); }
+      .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page {
+        background-color: rgba(255, 255, 255, 0.5);
+        border-color: rgba(127, 127, 127, 0.5);
+        border-right-color: black; }
+        .notebook tab.reorderable-page.left:active:hover, .notebook tab.reorderable-page.left.active-page:hover {
+          background-color: rgba(255, 255, 255, 0.7); }
+        .notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page:backdrop {
+          border-color: #8b8b8b;
+          background-color: white;
+          border-right-color: black; }
+      .notebook tab.reorderable-page.left:backdrop {
+        border-color: transparent;
+        background-color: transparent; }
+    .notebook tab.reorderable-page.right {
+      border-color: transparent; }
+      .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page {
+        border-color: rgba(127, 127, 127, 0.3);
+        border-left-color: #7f7f7f;
+        background-color: rgba(255, 255, 255, 0.2); }
+      .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page {
+        background-color: rgba(255, 255, 255, 0.5);
+        border-color: rgba(127, 127, 127, 0.5);
+        border-left-color: black; }
+        .notebook tab.reorderable-page.right:active:hover, .notebook tab.reorderable-page.right.active-page:hover {
+          background-color: rgba(255, 255, 255, 0.7); }
+        .notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page:backdrop {
+          border-color: #8b8b8b;
+          background-color: white;
+          border-left-color: black; }
+      .notebook tab.reorderable-page.right:backdrop {
+        border-color: transparent;
+        background-color: transparent; }
+    .notebook tab GtkLabel {
+      padding: 0 2px;
+      font-weight: bold;
+      color: #7f7f7f;
+      /* color: inherit doesn't work here */ }
+      .notebook tab GtkLabel:backdrop, .notebook tab GtkLabel.prelight-page:backdrop {
+        color: #8c8c8c; }
+    .notebook tab.prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page {
+      color: #3f3f3f; }
+    .notebook tab.active-page GtkLabel, .notebook tab GtkLabel.active-page {
+      color: black; }
+      .notebook tab.active-page GtkLabel:backdrop, .notebook tab GtkLabel.active-page:backdrop {
+        color: #191919; }
+    .notebook tab .button {
+      border: 1px solid transparent;
+      icon-shadow: none;
+      transition: none;
+      color: rgba(0, 0, 0, 0.3); }
+      .notebook tab .button:hover {
+        color: black;
+        border-width: 2px;
+        border-style: solid;
+        color: black;
+        border-color: #7f7f7f;
+        background-image: linear-gradient(to bottom, white, white 40%, white);
+        background-image: none;
+        box-shadow: none; }
+      .notebook tab .button:active {
+        border-width: 2px;
+        border-style: solid;
+        color: black;
+        border-color: #7f7f7f;
+        background-image: linear-gradient(to bottom, #7f7f7f);
+        color: white; }
+      .notebook tab .button:backdrop {
+        color: rgba(25, 25, 25, 0.3);
+        border-color: transparent; }
+      .notebook tab .button > GtkImage {
+        padding: 2px; }
+
+/**************
+ * Scrollbars *
+ **************/
+.scrollbar {
+  background-clip: padding-box;
+  background-image: none;
+  border-style: solid;
+  -GtkRange-trough-border: 0;
+  -GtkScrollbar-has-backward-stepper: false;
+  -GtkScrollbar-has-forward-stepper: false;
+  -GtkRange-slider-width: 20;
+  -GtkScrollbar-min-slider-length: 42;
+  -GtkRange-stepper-spacing: 0;
+  -GtkRange-trough-under-steppers: 1; }
+  .scrollbar .button {
+    border: none; }
+  .scrollbar.slider {
+    border-radius: 20px;
+    border: 3px solid transparent;
+    background-color: #7f7f7f; }
+    .scrollbar.slider:backdrop, .scrollbar.slider:insensitive {
+      background-color: #e5e5e5; }
+    .scrollbar.slider:hover {
+      background-color: #4c4c4c; }
+    .scrollbar.slider:prelight:active {
+      background-color: black; }
+    .scrollbar.slider.fine-tune {
+      border-width: 5px; }
+      .scrollbar.slider.fine-tune:prelight:active {
+        background-color: black; }
+
+.scrollbars-junction, .scrollbar.trough {
+  border-color: transparent;
+  background-color: #f2f2f2; }
+  .scrollbars-junction:backdrop, .scrollbar.trough:backdrop {
+    background-color: transparent; }
+
+/**********
+ * Switch *
+ **********/
+GtkSwitch {
+  -GtkSwitch-slider-width: 47px;
+  font: bold condensed 9;
+  outline-offset: -4px; }
+  GtkSwitch.trough {
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 3px;
+    border-color: #7f7f7f;
+    background-color: #cbcbcb;
+    box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
+    /*outset not working*/
+    text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
+    GtkSwitch.trough:active {
+      color: white;
+      border-color: black;
+      background-color: black;
+      box-shadow: 0 1px white;
+      text-shadow: 0 0 2px white; }
+    GtkSwitch.trough:insensitive {
+      color: #7f7f7f;
+      border-color: #7f7f7f;
+      background-color: white;
+      box-shadow: 0 1px white;
+      text-shadow: none; }
+    GtkSwitch.trough:backdrop {
+      color: #191919;
+      border-color: #8b8b8b;
+      background-color: white;
+      box-shadow: none;
+      text-shadow: none; }
+      GtkSwitch.trough:backdrop:active {
+        color: white;
+        border-color: black;
+        background-color: black;
+        box-shadow: none; }
+      GtkSwitch.trough:backdrop:insensitive {
+        color: white;
+        border-color: white; }
+  GtkSwitch.slider {
+    border-radius: 3px;
+    border-width: 2px;
+    border-style: solid;
+    color: black;
+    background-image: linear-gradient(to bottom, white, white 40%, #f2f2f2);
+    border-color: #7f7f7f;
+    box-shadow: inset 0 1px white, inset 0 -2px rgba(255, 255, 255, 0.6), inset 0 -1px #bfbfbf; }
+    GtkSwitch.slider:hover {
+      border-width: 2px;
+      border-style: solid;
+      color: black;
+      border-color: #7f7f7f;
+      background-image: linear-gradient(to bottom, white, white 40%, white);
+      box-shadow: inset 0 1px white, inset 0 -2px rgba(255, 255, 255, 0.6), inset 0 -1px #bfbfbf; }
+    GtkSwitch.slider:active {
+      border: 1px solid black; }
+    GtkSwitch.slider:insensitive {
+      border-width: 2px;
+      border-style: solid;
+      color: #7f7f7f;
+      border-color: #7f7f7f;
+      background-image: linear-gradient(to bottom, white);
+      text-shadow: none;
+      icon-shadow: none; }
+    GtkSwitch.slider:backdrop {
+      border-width: 2px;
+      border-style: solid;
+      color: #191919;
+      border-color: #8b8b8b;
+      background-image: linear-gradient(to bottom, white);
+      text-shadow: none;
+      icon-shadow: none; }
+      GtkSwitch.slider:backdrop:active {
+        border-color: black; }
+      GtkSwitch.slider:backdrop:insensitive {
+        border-width: 2px;
+        border-style: solid;
+        color: white;
+        border-color: #8b8b8b;
+        background-image: linear-gradient(to bottom, white); }
+
+/*************************
+ * Check and Radio items *
+ *************************/
+GtkCheckButton.text-button, GtkRadioButton.text-button {
+  padding: 1px;
+  outline-offset: 0; }
+
+.check {
+  color: rgba(0, 0, 0, 0.1);
+  background-image: none;
+  -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); }
+  .check:active {
+    color: black; }
+    .check:active:insensitive {
+      color: #7f7f7f; }
+      .check:active:insensitive:backdrop {
+        color: white; }
+    .check:active:backdrop {
+      color: #191919; }
+  .check:insensitive {
+    color: rgba(127, 127, 127, 0.1); }
+    .check:insensitive:backdrop {
+      color: transparent; }
+  .check:inconsistent {
+    -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); }
+  .check:selected, .check:selected:focus {
+    color: rgba(255, 255, 255, 0.1); }
+    .check:selected:active, .check:selected:focus:active {
+      color: white; }
+      .check:selected:active:backdrop, .check:selected:focus:active:backdrop {
+        color: white; }
+  .check:backdrop {
+    color: rgba(25, 25, 25, 0.1); }
+    .check:backdrop:selected {
+      color: rgba(255, 255, 255, 0.1); }
+
+.radio {
+  color: rgba(0, 0, 0, 0.1);
+  background-image: none;
+  -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); }
+  .radio:active {
+    color: black; }
+    .radio:active:insensitive {
+      color: #7f7f7f; }
+      .radio:active:insensitive:backdrop {
+        color: white; }
+    .radio:active:backdrop {
+      color: #191919; }
+  .radio:insensitive {
+    color: rgba(127, 127, 127, 0.1); }
+    .radio:insensitive:backdrop {
+      color: transparent; }
+  .radio:inconsistent {
+    -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); }
+  .radio:selected, .radio:selected:focus {
+    color: rgba(255, 255, 255, 0.1); }
+    .radio:selected:active, .radio:selected:focus:active {
+      color: white; }
+      .radio:selected:active:backdrop, .radio:selected:focus:active:backdrop {
+        color: white; }
+  .radio:backdrop {
+    color: rgba(25, 25, 25, 0.1); }
+    .radio:backdrop:selected {
+      color: rgba(255, 255, 255, 0.1); }
+
+/************
+ * GtkScale *
+ ************/
+.scale,
+.scale.scale-has-marks-above.scale-has-marks-below,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below {
+  -GtkScale-slider-length: 20;
+  -GtkRange-slider-width: 20;
+  -GtkRange-trough-border: 2;
+  outline-offset: -9px;
+  outline-radius: 4px;
+  margin: 10px; }
+  .scale.fine-tune,
+  .scale.scale-has-marks-above.scale-has-marks-below.fine-tune,
+  .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune {
+    margin: 8px;
+    outline-offset: -7px;
+    outline-radius: 6px; }
+    .scale.fine-tune.trough,
+    .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough,
+    .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough {
+      border-radius: 4px; }
+  .scale.slider,
+  .scale.scale-has-marks-above.scale-has-marks-below.slider,
+  .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
+    border-width: 2px;
+    border-style: solid;
+    color: black;
+    background-image: linear-gradient(to bottom, white, white 40%, #f2f2f2);
+    border-color: #7f7f7f;
+    border-radius: 50%;
+    border-color: #777777;
+    box-shadow: inset 0 1px white, inset 0 -2px white, inset 0 -1px #bfbfbf; }
+    .scale.slider:hover,
+    .scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
+    .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
+      border-width: 2px;
+      border-style: solid;
+      color: black;
+      border-color: #7f7f7f;
+      background-image: linear-gradient(to bottom, white, white 40%, white);
+      border-color: #777777;
+      border-radius: 50%;
+      box-shadow: inset 0 1px white, inset 0 -2px white, inset 0 -1px #d8d8d8; }
+    .scale.slider:insensitive,
+    .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive,
+    .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive {
+      border-style: solid;
+      border-radius: 50%;
+      background-image: linear-gradient(to bottom, white);
+      box-shadow: none; }
+    .scale.slider:backdrop,
+    .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop,
+    .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
+      border-style: solid;
+      border-radius: 50%;
+      border-color: #838383;
+      background-image: linear-gradient(to bottom, white);
+      box-shadow: none; }
+    .scale.slider:backdrop:insensitive,
+    .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive,
+    .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive {
+      border-width: 2px;
+      border-style: solid;
+      color: white;
+      border-color: #8b8b8b;
+      background-image: linear-gradient(to bottom, white); }
+    .scale.slider:active,
+    .scale.scale-has-marks-above.scale-has-marks-below.slider:active,
+    .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
+      border: 1px solid black; }
+  .scale.trough,
+  .scale.scale-has-marks-above.scale-has-marks-below.trough,
+  .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 3px;
+    border-color: #7f7f7f;
+    background-color: #cbcbcb;
+    box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
+    .scale.trough.highlight,
+    .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
+    .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
+      border-color: black;
+      background-color: black;
+      box-shadow: 0 1px white; }
+      .scale.trough.highlight:backdrop,
+      .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop,
+      .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop {
+        border-color: black;
+        background-color: black;
+        box-shadow: none; }
+    .scale.trough:insensitive, .scale.trough.hilight:insensitive,
+    .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
+    .scale.scale-has-marks-above.scale-has-marks-below.trough.hilight:insensitive,
+    .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
+    .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.hilight:insensitive {
+      border-color: #7f7f7f;
+      background-color: white;
+      box-shadow: 0 1px white; }
+    .scale.trough:backdrop,
+    .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop,
+    .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop {
+      border-color: #8b8b8b;
+      background-color: #bfbfbf;
+      box-shadow: none; }
+    .scale.trough:backdrop:insensitive, .scale.trough .hilight:backdrop:insensitive,
+    .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive,
+    .scale.scale-has-marks-above.scale-has-marks-below.trough .hilight:backdrop:insensitive,
+    .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive,
+    .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough .hilight:backdrop:insensitive {
+      border-color: white;
+      background-color: white; }
+
+/*****************
+ * Progress bars *
+ *****************/
+GtkProgressBar {
+  padding: 0;
+  font-size: 83%;
+  color: rgba(0, 0, 0, 0.4); }
+  GtkProgressBar:backdrop {
+    color: white; }
+
+.progressbar {
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 3px;
+  border-color: black;
+  background-color: black;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); }
+  .progressbar.vertical {
+    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2); }
+  .progressbar:backdrop {
+    border-color: black;
+    background-color: black;
+    box-shadow: none; }
+  .progressbar.osd {
+    border-width: 0;
+    border-radius: 0;
+    -GtkProgressBar-xspacing: 0;
+    -GtkProgressBar-yspacing: 2px;
+    -GtkProgressBar-min-horizontal-bar-height: 2px; }
+
+GtkProgressBar.trough {
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 3px;
+  border-color: #7f7f7f;
+  background-color: #d2d2d2;
+  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
+  GtkProgressBar.trough:backdrop {
+    border-color: #8b8b8b;
+    background-color: #d6d6d6;
+    box-shadow: 0 1px rgba(255, 255, 255, 0); }
+  GtkProgressBar.trough.osd {
+    background-color: transparent;
+    box-shadow: none;
+    border-width: 0; }
+
+/*************
+ * Level Bar *
+ *************/
+GtkLevelBar {
+  -GtkLevelBar-min-block-width: 34;
+  -GtkLevelBar-min-block-height: 3; }
+
+GtkLevelBar.vertical {
+  -GtkLevelBar-min-block-width: 3;
+  -GtkLevelBar-min-block-height: 34; }
+
+.level-bar.trough {
+  padding: 2px;
+  border-radius: 3px;
+  background-color: transparent;
+  border-style: solid;
+  border-width: 1px;
+  background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
+  border-color: #7f7f7f;
+  box-shadow: inset 0 2px 2px -2px #7f7f7f, 0 1px white; }
+  .level-bar.trough:backdrop {
+    background-color: transparent;
+    border-style: solid;
+    border-width: 1px;
+    background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
+    color: #191919;
+    background-image: linear-gradient(to bottom, white);
+    box-shadow: 0 1px rgba(255, 255, 255, 0); }
+.level-bar.fill-block {
+  border-width: 1px;
+  border-style: solid;
+  border-color: black;
+  background-color: black;
+  box-shadow: 0 1px rgba(0, 0, 0, 0.1);
+  border-radius: 1px; }
+  .level-bar.fill-block:backdrop {
+    border-color: black;
+    box-shadow: none; }
+  .level-bar.fill-block.indicator-discrete.horizontal {
+    margin: 0 1px; }
+  .level-bar.fill-block.indicator-discrete.vertical {
+    margin: 1px 0; }
+  .level-bar.fill-block.level-high {
+    border-color: #5aa411;
+    background-color: #73d216; }
+    .level-bar.fill-block.level-high:backdrop {
+      border-color: #73d216; }
+  .level-bar.fill-block.level-low {
+    border-color: #c26000;
+    background-color: #f57900; }
+    .level-bar.fill-block.level-low:backdrop {
+      border-color: #f57900; }
+  .level-bar.fill-block.empty-fill-block {
+    background-color: transparent;
+    border-color: rgba(0, 0, 0, 0.2);
+    box-shadow: none; }
+    .level-bar.fill-block.empty-fill-block:backdrop {
+      border-color: rgba(25, 25, 25, 0.15); }
+
+.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkLabel:backdrop:selected, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected {
+  background-color: black;
+  color: white;
+  outline-color: rgba(255, 255, 255, 0.3); }
+  .view:backdrop:selected, GtkLabel:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected {
+    color: white; }
+
+/**********
+ * Frames *
+ **********/
+.frame {
+  border: 1px solid #7f7f7f;
+  padding: 0; }
+  .frame.flat {
+    border-style: none; }
+  .frame:backdrop {
+    border-color: #8b8b8b; }
+  .frame.action-bar {
+    padding: 6px;
+    border-width: 1px 0 0; }
+
+GtkScrolledWindow .frame {
+  border-radius: 2px; }
+GtkScrolledWindow GtkViewport.frame {
+  border-style: none; }
+
+.separator {
+  color: rgba(0, 0, 0, 0.1); }
+  GtkFileChooserButton .separator, GtkFontButton .separator {
+    -GtkWidget-wide-separators: true;
+    -GtkWidget-horizontal-separator: 0;
+    -GtkWidget-vertical-separator: 0; }
+
+/*********
+ * Lists *
+ *********/
+.list, .list-row {
+  background-color: white;
+  border-color: #7f7f7f; }
+  .list:backdrop, .list-row:backdrop {
+    background-color: white;
+    border-color: #8b8b8b; }
+
+.list-row,
+.grid-child {
+  padding: 2px; }
+
+.list-row.button {
+  background-color: rgba(255, 255, 255, 0);
+  border-style: none;
+  border-radius: 0;
+  box-shadow: none; }
+  .list-row.button:hover {
+    background-color: #f2f2f2; }
+  .list-row.button:active {
+    box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
+  .list-row.button:selected:active {
+    box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
+  .list-row.button:selected:hover {
+    background-color: black; }
+
+.list-row:selected {
+  background-color: black;
+  color: white; }
+  .list-row:selected:backdrop {
+    color: white; }
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  border-width: 0 1px 1px;
+  border-style: solid;
+  border-color: #7f7f7f;
+  border-radius: 0 0 6px 6px;
+  background-image: linear-gradient(to bottom, #efefef 5%, #f4f4f4);
+  padding: 0 4px; }
+  .app-notification .button {
+    padding: 6px; }
+
+/*************
+ * Expanders *
+ *************/
+GtkExpander {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+  GtkExpander:dir(rtl) {
+    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+  GtkExpander:hover {
+    color: #4d4d4d; }
+  GtkExpander:active {
+    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+/************
+ * Calendar *
+ ***********/
+GtkCalendar {
+  border: 1px solid #7f7f7f; }
+  GtkCalendar.button {
+    padding: 0 4px;
+    color: #999999; }
+    GtkCalendar.button:hover {
+      color: black; }
+    GtkCalendar.button:backdrop, GtkCalendar.button:backdrop:hover {
+      color: #8c8c8c; }
+  GtkCalendar.view {
+    border-radius: 2px; }
+  GtkCalendar.header {
+    background: linear-gradient(to bottom, white, #fafafa);
+    border-bottom-color: #bfbfbf; }
+    GtkCalendar.header:backdrop {
+      background-image: linear-gradient(to bottom, white);
+      border-bottom-color: #c5c5c5; }
+
+/***********
+ * Dialogs *
+ ***********/
+.message-dialog .dialog-action-area .button {
+  padding: 8px; }
+
+.message-dialog {
+  -GtkDialog-button-spacing: 0; }
+  .message-dialog .titlebar {
+    border-style: none;
+    box-shadow: inset 0 1px white; }
+  .message-dialog.csd {
+    border-bottom-left-radius: 9px;
+    border-bottom-right-radius: 9px; }
+    .message-dialog.csd .dialog-action-area .button {
+      padding: 12px;
+      border-radius: 0;
+      border-width: 2px;
+      border-style: solid;
+      color: black;
+      background-image: linear-gradient(to bottom, white, white 40%, #f2f2f2);
+      border-color: #7f7f7f; }
+      .message-dialog.csd .dialog-action-area .button:hover {
+        border-width: 2px;
+        border-style: solid;
+        color: black;
+        border-color: #7f7f7f;
+        background-image: linear-gradient(to bottom, white, white 40%, white); }
+      .message-dialog.csd .dialog-action-area .button:active {
+        border-width: 2px;
+        border-style: solid;
+        color: black;
+        border-color: #7f7f7f;
+        background-image: linear-gradient(to bottom, #7f7f7f);
+        color: white; }
+      .message-dialog.csd .dialog-action-area .button:insensitive {
+        border-width: 2px;
+        border-style: solid;
+        color: #7f7f7f;
+        border-color: #7f7f7f;
+        background-image: linear-gradient(to bottom, white);
+        text-shadow: none;
+        icon-shadow: none; }
+      .message-dialog.csd .dialog-action-area .button:backdrop {
+        border-width: 2px;
+        border-style: solid;
+        color: #191919;
+        border-color: #8b8b8b;
+        background-image: linear-gradient(to bottom, white);
+        text-shadow: none;
+        icon-shadow: none; }
+      .message-dialog.csd .dialog-action-area .button:backdrop:insensitive {
+        border-width: 2px;
+        border-style: solid;
+        color: white;
+        border-color: #8b8b8b;
+        background-image: linear-gradient(to bottom, white); }
+      .message-dialog.csd .dialog-action-area .button.suggested-action {
+        border-width: 2px;
+        border-style: solid;
+        color: white;
+        background-image: linear-gradient(to bottom, #0d0d0d, black 40%, black);
+        border-color: black; }
+        .message-dialog.csd .dialog-action-area .button.suggested-action:hover {
+          border-width: 2px;
+          border-style: solid;
+          color: white;
+          border-color: black;
+          background-image: linear-gradient(to bottom, #242424, #0a0a0a 40%, black); }
+        .message-dialog.csd .dialog-action-area .button.suggested-action:active {
+          border-width: 2px;
+          border-style: solid;
+          color: white;
+          border-color: black;
+          background-image: linear-gradient(to bottom, #7f7f7f);
+          color: black; }
+        .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop {
+          border-width: 2px;
+          border-style: solid;
+          color: white;
+          border-color: black;
+          background-image: linear-gradient(to bottom, black);
+          text-shadow: none;
+          icon-shadow: none; }
+          .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive {
+            border-width: 2px;
+            border-style: solid;
+            color: white;
+            border-color: #8b8b8b;
+            background-image: linear-gradient(to bottom, white); }
+        .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive {
+          border-width: 2px;
+          border-style: solid;
+          color: #7f7f7f;
+          border-color: #7f7f7f;
+          background-image: linear-gradient(to bottom, white);
+          text-shadow: none;
+          icon-shadow: none; }
+      .message-dialog.csd .dialog-action-area .button.destructive-action {
+        border-width: 2px;
+        border-style: solid;
+        color: white;
+        background-image: linear-gradient(to bottom, #f14141, #ef2929 40%, #ed1212);
+        border-color: #8e0b0b; }
+        .message-dialog.csd .dialog-action-area .button.destructive-action:hover {
+          border-width: 2px;
+          border-style: solid;
+          color: white;
+          border-color: #8e0b0b;
+          background-image: linear-gradient(to bottom, #f46b6b, #f03c3c 40%, #ef2929); }
+        .message-dialog.csd .dialog-action-area .button.destructive-action:active {
+          border-width: 2px;
+          border-style: solid;
+          color: white;
+          border-color: #8e0b0b;
+          background-image: linear-gradient(to bottom, #7f7f7f);
+          color: #ef2929; }
+        .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop {
+          border-width: 2px;
+          border-style: solid;
+          color: white;
+          border-color: #ef2929;
+          background-image: linear-gradient(to bottom, #ef2929);
+          text-shadow: none;
+          icon-shadow: none; }
+          .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive {
+            border-width: 2px;
+            border-style: solid;
+            color: white;
+            border-color: #8b8b8b;
+            background-image: linear-gradient(to bottom, white); }
+        .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive {
+          border-width: 2px;
+          border-style: solid;
+          color: #7f7f7f;
+          border-color: #7f7f7f;
+          background-image: linear-gradient(to bottom, white);
+          text-shadow: none;
+          icon-shadow: none; }
+    .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .button:backdrop, .message-dialog.csd .dialog-action-area .button:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.suggested-action, .message-dialog.csd .dialog-action-area .button.suggested-action:hover, .message-dialog.csd .dialog-action-area .button.suggested-action:active, .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop, .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive, .message-dialog.csd .dialog-action-area .button.destructive-action, .message-dialog.csd .dialog-action-area .button.destructive-action:hover, .message-dialog.csd .dialog-action-area .button.destructive-action:active, .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop, .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive {
+      border-right-style: none;
+      border-bottom-style: none; }
+    .message-dialog.csd .dialog-action-area .button:last-child {
+      border-bottom-right-radius: 7px; }
+    .message-dialog.csd .dialog-action-area .button:first-child {
+      border-left-style: none;
+      border-bottom-left-radius: 7px; }
+
+GtkFileChooserDialog .search-bar {
+  background-color: white;
+  border-color: white;
+  box-shadow: none; }
+  GtkFileChooserDialog .search-bar:backdrop {
+    background-color: white;
+    border-color: white; }
+GtkFileChooserDialog .dialog-action-box {
+  border-top: 1px solid #7f7f7f; }
+  GtkFileChooserDialog .dialog-action-box:backdrop {
+    border-top-color: #8b8b8b; }
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar,
+.sidebar .view {
+  border: none;
+  background-color: white; }
+  .sidebar .scrollbar.trough,
+  .sidebar .view .scrollbar.trough {
+    background-color: #e6e6e6;
+    border-radius: 6px;
+    border-width: 2px;
+    border-color: transparent; }
+  .sidebar .scrollbar.slider,
+  .sidebar .view .scrollbar.slider {
+    background-color: white; }
+    .sidebar .scrollbar.slider:hover,
+    .sidebar .view .scrollbar.slider:hover {
+      background-color: white; }
+  .sidebar:backdrop,
+  .sidebar .view:backdrop {
+    background-color: white; }
+  .sidebar:selected,
+  .sidebar .view:selected {
+    background-color: black; }
+  .sidebar .separator,
+  .sidebar .view .separator {
+    color: #d8d8d8; }
+
+GtkPaned {
+  margin: 0 8px 8px 0; }
+  GtkPaned:dir(rtl) {
+    margin-right: 0;
+    margin-left: 8px; }
+
+.pane-separator {
+  background-image: linear-gradient(to bottom, #7f7f7f); }
+  .pane-separator:backdrop {
+    background-image: linear-gradient(to bottom, #8b8b8b); }
+
+/**************
+ * GtkInfoBar *
+ **************/
+GtkInfoBar {
+  border-width: 0;
+  border-style: none; }
+
+.info,
+.question,
+.warning,
+.error {
+  background-color: black;
+  color: white;
+  text-shadow: 0 1px black;
+  border-color: black; }
+  .info .button,
+  .question .button,
+  .warning .button,
+  .error .button {
+    border-width: 2px;
+    border-style: solid;
+    color: white;
+    background-image: linear-gradient(to bottom, #0d0d0d, black 40%, black);
+    border-color: black; }
+    .info .button:hover,
+    .question .button:hover,
+    .warning .button:hover,
+    .error .button:hover {
+      border-width: 2px;
+      border-style: solid;
+      color: white;
+      border-color: black;
+      background-image: linear-gradient(to bottom, #242424, #0a0a0a 40%, black); }
+    .info .button:active,
+    .question .button:active,
+    .warning .button:active,
+    .error .button:active {
+      border-width: 2px;
+      border-style: solid;
+      color: white;
+      border-color: black;
+      background-image: linear-gradient(to bottom, #7f7f7f);
+      color: black; }
+    .info .button:insensitive,
+    .question .button:insensitive,
+    .warning .button:insensitive,
+    .error .button:insensitive {
+      border-width: 2px;
+      border-style: solid;
+      color: #7f7f7f;
+      border-color: #7f7f7f;
+      background-image: linear-gradient(to bottom, white);
+      text-shadow: none;
+      icon-shadow: none; }
+    .info .button:backdrop,
+    .question .button:backdrop,
+    .warning .button:backdrop,
+    .error .button:backdrop {
+      border-width: 2px;
+      border-style: solid;
+      color: white;
+      border-color: black;
+      background-image: linear-gradient(to bottom, black);
+      text-shadow: none;
+      icon-shadow: none; }
+    .info .button:backdrop:insensitive,
+    .question .button:backdrop:insensitive,
+    .warning .button:backdrop:insensitive,
+    .error .button:backdrop:insensitive {
+      border-width: 2px;
+      border-style: solid;
+      color: white;
+      border-color: #8b8b8b;
+      background-image: linear-gradient(to bottom, white); }
+
+/************
+ * Tooltips *
+ ************/
+.tooltip {
+  color: white;
+  padding: 4px;
+  /* not working */
+  border-radius: 5px;
+  background-color: rgba(0, 0, 0, 0.8);
+  text-shadow: 0 1px black; }
+
+.tooltip * {
+  padding: 4px;
+  background-color: transparent;
+  color: inherit; }
+
+/*****************
+ * Color Chooser *
+ *****************/
+GtkColorSwatch {
+  border: 1px solid rgba(0, 0, 0, 0.3);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
+  GtkColorSwatch.color-light:hover {
+    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.4)); }
+    GtkColorSwatch.color-light:hover:backdrop {
+      background-image: none; }
+  GtkColorSwatch.color-dark:hover {
+    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2)); }
+    GtkColorSwatch.color-dark:hover:backdrop {
+      background-image: none; }
+  GtkColorSwatch:hover {
+    border-color: rgba(0, 0, 0, 0.5); }
+  GtkColorSwatch:backdrop {
+    border-color: rgba(0, 0, 0, 0.2);
+    box-shadow: none; }
+  GtkColorSwatch.top {
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px; }
+  GtkColorSwatch.bottom {
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px; }
+  GtkColorSwatch.left, GtkColorSwatch:first-child {
+    border-top-left-radius: 5px;
+    border-bottom-left-radius: 5px; }
+  GtkColorSwatch.right, GtkColorSwatch:last-child {
+    border-top-right-radius: 5px;
+    border-bottom-right-radius: 5px; }
+  GtkColorSwatch:only-child {
+    border-radius: 5px; }
+  GtkColorSwatch.color-active-badge {
+    border-width: 2px; }
+    GtkColorSwatch.color-active-badge:hover {
+      background-image: none; }
+    GtkColorSwatch.color-active-badge.color-light, GtkColorSwatch.color-active-badge.color-light:hover {
+      color: rgba(0, 0, 0, 0.3);
+      border-color: rgba(0, 0, 0, 0.3); }
+    GtkColorSwatch.color-active-badge.color-dark, GtkColorSwatch.color-active-badge.color-dark:hover {
+      color: rgba(255, 255, 255, 0.5);
+      border-color: rgba(255, 255, 255, 0.5); }
 
-    /* Evolution */
-    -GtkHTML-link-color: #000060;
-    -GtkHTML-vlink-color: #600000;
-    -GtkHTML-cite-color: #003000;
+GtkColorChooserWidget #add-color-button {
+  border-color: #bfbfbf;
+  background-color: #bfbfbf;
+  color: white;
+  box-shadow: none; }
+  GtkColorChooserWidget #add-color-button:hover {
+    border-color: #7f7f7f;
+    background-color: #7f7f7f; }
+  GtkColorChooserWidget #add-color-button:backdrop {
+    border-color: #c5c5c5;
+    background-color: #c5c5c5; }
 
-    -GtkWidget-link-color: @theme_highlight_color;
-    -GtkWidget-visited-link-color: #ff80ff;
-}
+/**********************
+ * Window Decorations *
+ *********************/
+.window-frame {
+  border-radius: 7px 7px 0 0;
+  border-width: 0px;
+  box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23);
+  /* this is used for the resize cursor area */
+  margin: 10px; }
+  .window-frame:backdrop {
+    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); }
+  .window-frame.tiled {
+    border-radius: 0; }
+  .window-frame.csd.popup {
+    border-radius: 0;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
+  .window-frame.csd.tooltip {
+    border-radius: 5px;
+    box-shadow: none; }
 
-@import url("resource:///org/gnome/HighContrast/gtk-widgets.css");
+.button.titlebutton {
+  padding: 8px;
+  border-color: transparent;
+  background-image: none;
+  transition-property: border, box-shadow, color;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+  .button.titlebutton:hover {
+    border-width: 2px;
+    border-style: solid;
+    color: black;
+    background-image: linear-gradient(to bottom, white, white 40%, #f2f2f2);
+    border-color: #7f7f7f; }
+  .button.titlebutton:active {
+    border-width: 2px;
+    border-style: solid;
+    color: black;
+    border-color: #7f7f7f;
+    background-image: linear-gradient(to bottom, #7f7f7f);
+    color: white; }
+  .button.titlebutton:backdrop {
+    border-width: 2px;
+    border-style: solid;
+    color: #191919;
+    border-color: #8b8b8b;
+    background-image: linear-gradient(to bottom, white);
+    text-shadow: none;
+    icon-shadow: none;
+    border-color: transparent;
+    transition-property: border, box-shadow, color; }
diff --git a/themes/HighContrast/gtk-3.0/gtk.gresource.xml b/themes/HighContrast/gtk-3.0/gtk.gresource.xml
index 300ebe7d..62a3de9f 100644
--- a/themes/HighContrast/gtk-3.0/gtk.gresource.xml
+++ b/themes/HighContrast/gtk-3.0/gtk.gresource.xml
@@ -1,6 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <gresources>
+  <!--
   <gresource prefix="/org/gnome/HighContrast">
-    <file>gtk-widgets.css</file>
+    <file>gtk.css</file>
   </gresource>
+  -->
 </gresources>
diff --git a/themes/HighContrast/gtk-3.0/gtk.scss b/themes/HighContrast/gtk-3.0/gtk.scss
new file mode 100644
index 00000000..05eb6d24
--- /dev/null
+++ b/themes/HighContrast/gtk-3.0/gtk.scss
@@ -0,0 +1,9 @@
+// General guidelines:
+// - very unlikely you want to edit something else than _common.scss
+// - keep the number of defined colors to a minimum, use the color blending functions if
+//   you need a subtle shade
+// - if you need to inverse a color function use the @if directive to match for dark $variant
+
+@import 'colors';
+@import 'drawing';
+@import 'common';