HC: make the SASS 3.4 parser happy

2 files changed, 296 insertions, 294 deletions

diff --git a/themes/HighContrast/gtk-3.0/_colors.scss b/themes/HighContrast/gtk-3.0/_colors.scss
index dce1dd32..2a28ba2a 100644
--- a/themes/HighContrast/gtk-3.0/_colors.scss
+++ b/themes/HighContrast/gtk-3.0/_colors.scss
@@ -38,49 +38,49 @@ $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 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_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_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);
+@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;
+@define-color content_view_bg #{"" + $base_color};
 
diff --git a/themes/HighContrast/gtk-3.0/gtk.css b/themes/HighContrast/gtk-3.0/gtk.css
index 3c9fb226..4e3bda7b 100644
--- a/themes/HighContrast/gtk-3.0/gtk.css
+++ b/themes/HighContrast/gtk-3.0/gtk.css
@@ -1,36 +1,36 @@
 /* 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 theme_fg_color #000;
+@define-color theme_bg_color #fff;
+@define-color theme_base_color #fff;
+@define-color theme_selected_bg_color #000;
+@define-color theme_selected_fg_color #fff;
 @define-color insensitive_bg_color white;
 @define-color insensitive_fg_color #7f7f7f;
-@define-color insensitive_base_color white;
-@define-color theme_unfocused_fg_color black;
-@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 insensitive_base_color #fff;
+@define-color theme_unfocused_fg_color #000;
+@define-color theme_unfocused_bg_color #fff;
+@define-color theme_unfocused_base_color #fff;
+@define-color theme_unfocused_selected_bg_color #000;
+@define-color theme_unfocused_selected_fg_color #fff;
 @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 black;
-@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_title shade(#000, 1.8);
+@define-color wm_unfocused_title #000;
+@define-color wm_highlight #fff;
+@define-color wm_borders_edge #fff;
+@define-color wm_bg_a shade(#fff, 1.2);
+@define-color wm_bg_b #fff;
 @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;
+@define-color wm_button_hover_color_a shade(#fff, 1.3);
+@define-color wm_button_hover_color_b #fff;
+@define-color wm_button_active_color_a shade(#fff, 0.85);
+@define-color wm_button_active_color_b shade(#fff, 0.89);
+@define-color wm_button_active_color_c shade(#fff, 0.9);
+@define-color content_view_bg #fff;
 * {
   padding: 0;
   -GtkToolButton-icon-spacing: 4;
@@ -46,8 +46,8 @@
   -GtkTreeView-horizontal-separator: 4;
   -GtkMenu-horizontal-padding: 0;
   -GtkMenu-vertical-padding: 0;
-  -GtkWidget-link-color: black;
-  -GtkWidget-visited-link-color: black;
+  -GtkWidget-link-color: #000;
+  -GtkWidget-visited-link-color: #000;
   -GtkWidget-focus-padding: 2;
   -GtkWidget-focus-line-width: 1;
   -GtkDialog-button-spacing: 4;
@@ -63,14 +63,14 @@
  * Base States *
  ***************/
 .background {
-  color: black;
-  background-color: white; }
+  color: #000;
+  background-color: #fff; }
 
 .background:backdrop {
   text-shadow: none;
   icon-shadow: none;
   color: #1a1a1a;
-  background-color: white; }
+  background-color: #fff; }
 
 /*
    These wildcard seems unavoidable, need to investigate.
@@ -82,30 +82,30 @@
   -gtk-image-effect: dim; }
 
 .gtkstyle-fallback {
-  background-color: white;
-  color: black; }
+  background-color: #fff;
+  color: #000; }
   .gtkstyle-fallback:prelight {
     background-color: white;
-    color: black; }
+    color: #000; }
   .gtkstyle-fallback:active {
     background-color: #e6e6e6;
-    color: black; }
+    color: #000; }
   .gtkstyle-fallback:insensitive {
     background-color: white;
     color: #7f7f7f; }
   .gtkstyle-fallback:selected {
-    background-color: black;
-    color: white; }
+    background-color: #000;
+    color: #fff; }
 
 .view {
-  color: black;
-  background-color: white; }
+  color: #000;
+  background-color: #fff; }
   .view:backdrop {
-    color: black;
-    background-color: white; }
+    color: #000;
+    background-color: #fff; }
 
 .rubberband {
-  border: 1px solid black;
+  border: 1px solid #000;
   background-color: rgba(0, 0, 0, 0.2); }
 
 /*********************
@@ -135,15 +135,15 @@
   background-color: transparent;
   border-style: solid;
   border-width: 1px;
-  background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
+  background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
   border-color: #7f7f7f;
-  box-shadow: inset 0 2px 2px -2px #7f7f7f, 0 1px white; }
+  box-shadow: inset 0 2px 2px -2px #7f7f7f, 0 1px #fff; }
   .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%);
+    background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
     border-color: #7f7f7f;
     box-shadow: inset 0 2px 2px -2px #7f7f7f;
     border: none;
@@ -152,42 +152,42 @@
     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; }
+    background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
+    border-color: #000;
+    box-shadow: inset 0 2px 2px -2px #7f7f7f, inset 0 0 2px 1px #cccccc, 0 1px #fff; }
   .entry:insensitive {
     background-color: transparent;
     border-style: solid;
     border-width: 1px;
-    background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
+    background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
     color: #7f7f7f;
     border-color: #7f7f7f;
     background-image: linear-gradient(to bottom, white);
-    box-shadow: 0 1px white; }
+    box-shadow: 0 1px #fff; }
   .entry:backdrop {
     background-color: transparent;
     border-style: solid;
     border-width: 1px;
-    background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
-    color: black;
-    background-image: linear-gradient(to bottom, white);
+    background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
+    color: #000;
+    background-image: linear-gradient(to bottom, #fff);
     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%);
+    background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
     color: #7f7f7f;
-    background-image: linear-gradient(to bottom, white);
+    background-image: linear-gradient(to bottom, #fff);
     box-shadow: 0 1px rgba(255, 255, 255, 0); }
   .entry:selected, .entry:backdrop:selected {
-    background-color: black;
-    color: white; }
+    background-color: #000;
+    color: #fff; }
   .entry.progressbar {
     margin: 1px;
     border-radius: 0;
     border-width: 0 0 2px;
-    border-color: black;
+    border-color: #000;
     border-style: solid;
     background-image: none;
     background-color: transparent;
@@ -212,9 +212,9 @@
       background-color: transparent;
       border-style: solid;
       border-width: 1px;
-      background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
+      background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
       border-color: #cc0000;
-      box-shadow: inset 0 2px 2px -2px #7f7f7f, inset 0 0 2px 1px #f4cccc, 0 1px white; }
+      box-shadow: inset 0 2px 2px -2px #7f7f7f, inset 0 0 2px 1px #f4cccc, 0 1px #fff; }
     .entry.error:selected, .entry.error:selected:focus {
       background-color: #cc0000; }
   .entry.warning {
@@ -224,9 +224,9 @@
       background-color: transparent;
       border-style: solid;
       border-width: 1px;
-      background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
+      background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
       border-color: #f57900;
-      box-shadow: inset 0 2px 2px -2px #7f7f7f, inset 0 0 2px 1px #fde4cc, 0 1px white; }
+      box-shadow: inset 0 2px 2px -2px #7f7f7f, inset 0 0 2px 1px #fde4cc, 0 1px #fff; }
     .entry.warning:selected, .entry.warning:selected:focus {
       background-color: #f57900; }
 
@@ -239,35 +239,35 @@
   padding: 4px 6px;
   border-width: 2px;
   border-style: solid;
-  color: black;
-  background-image: linear-gradient(to bottom, white, white 40%, #f2f2f2);
+  color: #000;
+  background-image: linear-gradient(to bottom, white, #fff 40%, #f2f2f2);
   border-color: #7f7f7f; }
   .button:hover, .button.flat:hover {
     border-width: 2px;
     border-style: solid;
-    color: black;
+    color: #000;
     border-color: #7f7f7f;
-    background-image: linear-gradient(to bottom, white, white 40%, white);
+    background-image: linear-gradient(to bottom, white, white 40%, #fff);
     -gtk-image-effect: highlight; }
   .button:active, .button.flat:active, .button:checked, .button.flat:checked {
     border-width: 2px;
     border-style: solid;
     border-color: #7f7f7f;
     background-image: linear-gradient(to bottom, #7f7f7f);
-    color: white;
+    color: #fff;
     transition-duration: 50ms; }
   .button:backdrop, .button.flat:backdrop {
     border-width: 2px;
     border-style: solid;
-    color: black;
+    color: #000;
     border-color: #8b8b8b;
-    background-image: linear-gradient(to bottom, white);
+    background-image: linear-gradient(to bottom, #fff);
     text-shadow: none;
     icon-shadow: none; }
     .button:backdrop:active, .button:backdrop:checked, .button.flat:backdrop:active, .button.flat:backdrop:checked {
       border-width: 2px;
       border-style: solid;
-      color: black;
+      color: #000;
       border-color: #8b8b8b;
       background-image: linear-gradient(to bottom, #d6d6d6); }
     .button:backdrop:insensitive, .button.flat:backdrop:insensitive {
@@ -275,7 +275,7 @@
       border-style: solid;
       color: #7f7f7f;
       border-color: #8b8b8b;
-      background-image: linear-gradient(to bottom, white); }
+      background-image: linear-gradient(to bottom, #fff); }
     .button:backdrop:insensitive:active, .button.flat:backdrop:insensitive:active {
       border-width: 2px;
       border-style: solid;
@@ -356,7 +356,7 @@
         border-style: solid;
         color: #7f7f7f;
         border-color: #8b8b8b;
-        background-image: linear-gradient(to bottom, white); }
+        background-image: linear-gradient(to bottom, #fff); }
     .button.suggested-action:insensitive {
       border-width: 2px;
       border-style: solid;
@@ -396,7 +396,7 @@
         border-style: solid;
         color: #7f7f7f;
         border-color: #8b8b8b;
-        background-image: linear-gradient(to bottom, white); }
+        background-image: linear-gradient(to bottom, #fff); }
     .button.destructive-action:insensitive {
       border-width: 2px;
       border-style: solid;
@@ -418,21 +418,21 @@
 .inline-toolbar GtkToolButton > .button {
   border-width: 2px;
   border-style: solid;
-  color: black;
-  background-image: linear-gradient(to bottom, white, white 40%, #f2f2f2);
+  color: #000;
+  background-image: linear-gradient(to bottom, white, #fff 40%, #f2f2f2);
   border-color: #7f7f7f; }
   .inline-toolbar GtkToolButton > .button:hover {
     border-width: 2px;
     border-style: solid;
-    color: black;
+    color: #000;
     border-color: #7f7f7f;
-    background-image: linear-gradient(to bottom, white, white 40%, white); }
+    background-image: linear-gradient(to bottom, white, white 40%, #fff); }
   .inline-toolbar GtkToolButton > .button:active {
     border-width: 2px;
     border-style: solid;
     border-color: #7f7f7f;
     background-image: linear-gradient(to bottom, #7f7f7f);
-    color: white; }
+    color: #fff; }
   .inline-toolbar GtkToolButton > .button:insensitive {
     border-width: 2px;
     border-style: solid;
@@ -450,15 +450,15 @@
   .inline-toolbar GtkToolButton > .button:backdrop {
     border-width: 2px;
     border-style: solid;
-    color: black;
+    color: #000;
     border-color: #8b8b8b;
-    background-image: linear-gradient(to bottom, white);
+    background-image: linear-gradient(to bottom, #fff);
     text-shadow: none;
     icon-shadow: none; }
   .inline-toolbar GtkToolButton > .button:backdrop:active {
     border-width: 2px;
     border-style: solid;
-    color: black;
+    color: #000;
     border-color: #8b8b8b;
     background-image: linear-gradient(to bottom, #d6d6d6); }
   .inline-toolbar GtkToolButton > .button:backdrop:insensitive {
@@ -466,7 +466,7 @@
     border-style: solid;
     color: #7f7f7f;
     border-color: #8b8b8b;
-    background-image: linear-gradient(to bottom, white); }
+    background-image: linear-gradient(to bottom, #fff); }
   .inline-toolbar GtkToolButton > .button:backdrop:insensitive:active {
     border-width: 2px;
     border-style: solid;
@@ -528,20 +528,20 @@ GtkColorButton.button {
  * Links *
  *********/
 *:link {
-  color: black; }
+  color: #000; }
   *:link:hover, *:link:active, *:link:visited {
     color: black; }
   *:link:backdrop, *:link:backdrop:hover {
-    color: black; }
+    color: #000; }
 
 .button:link, .button:visited {
-  color: black;
+  color: #000;
   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; }
+    color: #000; }
 
 /*****************
  * GtkSpinButton *
@@ -568,7 +568,7 @@ GtkColorButton.button {
     .spinbutton .button:dir(rtl) {
       border-width: 0 1px 0 0; }
     .spinbutton .button:hover {
-      color: black;
+      color: #000;
       background-color: rgba(0, 0, 0, 0.05); }
     .spinbutton .button:insensitive {
       color: rgba(127, 127, 127, 0.3); }
@@ -586,21 +586,21 @@ GtkColorButton.button {
   .spinbutton.vertical .button:first-child {
     border-width: 2px;
     border-style: solid;
-    color: black;
-    background-image: linear-gradient(to bottom, white, white 40%, #f2f2f2);
+    color: #000;
+    background-image: linear-gradient(to bottom, white, #fff 40%, #f2f2f2);
     border-color: #7f7f7f; }
     .spinbutton.vertical .button:first-child:active {
       border-width: 2px;
       border-style: solid;
       border-color: #7f7f7f;
       background-image: linear-gradient(to bottom, #7f7f7f);
-      color: white; }
+      color: #fff; }
     .spinbutton.vertical .button:first-child:hover {
       border-width: 2px;
       border-style: solid;
-      color: black;
+      color: #000;
       border-color: #7f7f7f;
-      background-image: linear-gradient(to bottom, white, white 40%, white); }
+      background-image: linear-gradient(to bottom, white, white 40%, #fff); }
     .spinbutton.vertical .button:first-child:insensitive {
       border-width: 2px;
       border-style: solid;
@@ -612,29 +612,29 @@ GtkColorButton.button {
     .spinbutton.vertical .button:first-child:backdrop {
       border-width: 2px;
       border-style: solid;
-      color: black;
+      color: #000;
       border-color: #8b8b8b;
-      background-image: linear-gradient(to bottom, white);
+      background-image: linear-gradient(to bottom, #fff);
       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);
+    color: #000;
+    background-image: linear-gradient(to bottom, white, #fff 40%, #f2f2f2);
     border-color: #7f7f7f; }
     .spinbutton.vertical .button:last-child:active {
       border-width: 2px;
       border-style: solid;
       border-color: #7f7f7f;
       background-image: linear-gradient(to bottom, #7f7f7f);
-      color: white; }
+      color: #fff; }
     .spinbutton.vertical .button:last-child:hover {
       border-width: 2px;
       border-style: solid;
-      color: black;
+      color: #000;
       border-color: #7f7f7f;
-      background-image: linear-gradient(to bottom, white, white 40%, white); }
+      background-image: linear-gradient(to bottom, white, white 40%, #fff); }
     .spinbutton.vertical .button:last-child:insensitive {
       border-width: 2px;
       border-style: solid;
@@ -646,9 +646,9 @@ GtkColorButton.button {
     .spinbutton.vertical .button:last-child:backdrop {
       border-width: 2px;
       border-style: solid;
-      color: black;
+      color: #000;
       border-color: #8b8b8b;
-      background-image: linear-gradient(to bottom, white);
+      background-image: linear-gradient(to bottom, #fff);
       text-shadow: none;
       icon-shadow: none; }
   .spinbutton.vertical .button:backdrop:insensitive {
@@ -656,7 +656,7 @@ GtkColorButton.button {
     border-style: solid;
     color: #7f7f7f;
     border-color: #8b8b8b;
-    background-image: linear-gradient(to bottom, white); }
+    background-image: linear-gradient(to bottom, #fff); }
   .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 {
@@ -673,7 +673,7 @@ GtkComboBox {
   padding: 0;
   -GtkComboBox-arrow-scaling: 0.5;
   -GtkComboBox-shadow-type: none;
-  box-shadow: 0 1px white;
+  box-shadow: 0 1px #fff;
   text-shadow: 0 1px white;
   icon-shadow: 0 1px white; }
   GtkComboBox:insensitive {
@@ -681,7 +681,7 @@ GtkComboBox {
     text-shadow: none;
     icon-shadow: none; }
   GtkComboBox:backdrop {
-    color: black;
+    color: #000;
     text-shadow: none;
     icon-shadow: none; }
   GtkComboBox:backdrop:insensitive {
@@ -709,7 +709,7 @@ GtkComboBox {
  ************/
 .toolbar {
   padding: 6px;
-  background-color: white; }
+  background-color: #fff; }
   .toolbar.osd {
     background-color: rgba(0, 0, 0, 0.8);
     border-radius: 6px;
@@ -742,13 +742,13 @@ GtkComboBox {
   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;
+  background-image: linear-gradient(to bottom, white, #fff);
+  box-shadow: inset 0 -1px #d8d8d8, inset 0 1px #fff;
   padding: 6px; }
   .titlebar:backdrop,
   .header-bar:backdrop {
     border-color: #8b8b8b;
-    background-color: white;
+    background-color: #fff;
     background-image: none;
     box-shadow: none; }
   .titlebar .title,
@@ -780,23 +780,23 @@ GtkComboBox {
     .header-bar.selection-mode .button {
       border-width: 2px;
       border-style: solid;
-      color: white;
-      background-image: linear-gradient(to bottom, #0d0d0d, black 40%, black);
+      color: #fff;
+      background-image: linear-gradient(to bottom, #0d0d0d, #000 40%, black);
       border-color: black; }
       .titlebar.selection-mode .button:hover,
       .header-bar.selection-mode .button:hover {
         border-width: 2px;
         border-style: solid;
-        color: white;
+        color: #fff;
         border-color: black;
-        background-image: linear-gradient(to bottom, #242424, #0a0a0a 40%, black); }
+        background-image: linear-gradient(to bottom, #242424, #0a0a0a 40%, #000); }
       .titlebar.selection-mode .button:active,
       .header-bar.selection-mode .button:active {
         border-width: 2px;
         border-style: solid;
         border-color: black;
         background-image: linear-gradient(to bottom, black);
-        color: white; }
+        color: #fff; }
       .titlebar.selection-mode .button:insensitive,
       .header-bar.selection-mode .button:insensitive {
         border-width: 2px;
@@ -810,9 +810,9 @@ GtkComboBox {
       .header-bar.selection-mode .button:backdrop {
         border-width: 2px;
         border-style: solid;
-        color: white;
-        border-color: black;
-        background-image: linear-gradient(to bottom, black);
+        color: #fff;
+        border-color: #000;
+        background-image: linear-gradient(to bottom, #000);
         text-shadow: none;
         icon-shadow: none;
         border-color: black; }
@@ -822,28 +822,28 @@ GtkComboBox {
         border-style: solid;
         color: #7f7f7f;
         border-color: #8b8b8b;
-        background-image: linear-gradient(to bottom, white); }
+        background-image: linear-gradient(to bottom, #fff); }
       .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);
+        color: #000;
+        background-image: linear-gradient(to bottom, white, #fff 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;
+          color: #000;
           border-color: #7f7f7f;
-          background-image: linear-gradient(to bottom, white, white 40%, white); }
+          background-image: linear-gradient(to bottom, white, white 40%, #fff); }
         .titlebar.selection-mode .button.suggested-action:active,
         .header-bar.selection-mode .button.suggested-action:active {
           border-width: 2px;
           border-style: solid;
           border-color: #7f7f7f;
           background-image: linear-gradient(to bottom, #7f7f7f);
-          color: white; }
+          color: #fff; }
         .titlebar.selection-mode .button.suggested-action:insensitive,
         .header-bar.selection-mode .button.suggested-action:insensitive {
           border-width: 2px;
@@ -857,9 +857,9 @@ GtkComboBox {
         .header-bar.selection-mode .button.suggested-action:backdrop {
           border-width: 2px;
           border-style: solid;
-          color: black;
+          color: #000;
           border-color: #8b8b8b;
-          background-image: linear-gradient(to bottom, white);
+          background-image: linear-gradient(to bottom, #fff);
           text-shadow: none;
           icon-shadow: none; }
         .titlebar.selection-mode .button.suggested-action:backdrop:insensitive,
@@ -868,7 +868,7 @@ GtkComboBox {
           border-style: solid;
           color: #7f7f7f;
           border-color: #8b8b8b;
-          background-image: linear-gradient(to bottom, white); }
+          background-image: linear-gradient(to bottom, #fff); }
     .titlebar.selection-mode .selection-menu,
     .header-bar.selection-mode .selection-menu {
       border-width: 0;
@@ -891,7 +891,7 @@ column-header .button {
     color: #3f3f3f;
     box-shadow: none; }
   column-header .button:active {
-    color: black; }
+    color: #000; }
 column-header:last-child .button, column-header:last-child.button {
   border-right-style: none; }
 
@@ -899,33 +899,33 @@ 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;
+  border-color: #fff;
   text-shadow: none; }
   column-header .button:insensitive {
-    border-color: white;
+    border-color: #fff;
     background-image: none; }
   column-header .button:backdrop {
-    border-color: white;
+    border-color: #fff;
     border-width: 0 1px 1px 0;
     color: #7f7f7f;
     background-image: none; }
     column-header .button:backdrop:insensitive {
-      border-color: white;
+      border-color: #fff;
       background-image: none; }
 
 GtkTreeView.view.progressbar {
-  color: white;
+  color: #fff;
   border-radius: 4px;
-  background-image: linear-gradient(to bottom, black, black); }
+  background-image: linear-gradient(to bottom, #000, black); }
   GtkTreeView.view.progressbar:selected {
-    color: black;
-    background-image: linear-gradient(to bottom, white, #e6e6e6); }
+    color: #000;
+    background-image: linear-gradient(to bottom, #fff, #e6e6e6); }
     GtkTreeView.view.progressbar:selected:backdrop {
-      color: black;
+      color: #000;
       background-image: none;
-      background-color: white; }
+      background-color: #fff; }
   GtkTreeView.view.progressbar:backdrop {
-    color: white;
+    color: #fff;
     background-image: none; }
 
 /*********
@@ -935,31 +935,31 @@ GtkTreeView.view.progressbar {
   padding: 0px;
   background-color: #f2f2f2; }
   .menubar:backdrop {
-    background-color: white; }
+    background-color: #fff; }
   .menubar > .menuitem {
     padding: 4px 8px; }
     .menubar > .menuitem:hover {
-      box-shadow: inset 0 -3px black;
-      color: black; }
+      box-shadow: inset 0 -3px #000;
+      color: #000; }
     .menubar > .menuitem:insensitive {
       color: #7f7f7f;
       box-shadow: none; }
 
 .menu {
   padding: 0px;
-  background-color: white; }
+  background-color: #fff; }
   .menu .menuitem {
     padding: 4px; }
     .menu .menuitem:hover {
-      color: white;
-      background-color: black; }
+      color: #fff;
+      background-color: #000; }
     .menu .menuitem:insensitive {
       color: #7f7f7f; }
       .menu .menuitem:insensitive:backdrop {
         color: #7f7f7f; }
     .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover {
-      color: black;
-      background-color: white; }
+      color: #000;
+      background-color: #fff; }
     .menu .menuitem.arrow {
       -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
     .menu .menuitem.arrow:dir(rtl) {
@@ -975,7 +975,7 @@ GtkTreeView.view.progressbar {
   border-width: 1px;
   border-style: solid;
   border-radius: 5px;
-  background-color: white;
+  background-color: #fff;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
   .popover:backdrop {
     box-shadow: none; }
@@ -997,7 +997,7 @@ GtkTreeView.view.progressbar {
     background-image: none;
     background-color: rgba(0, 0, 0, 0.8);
     border: 1px solid #7f7f7f;
-    color: white; }
+    color: #fff; }
     .popover.osd .button {
       color: white;
       text-shadow: none;
@@ -1039,7 +1039,7 @@ GtkTreeView.view.progressbar {
  *****************/
 .notebook {
   padding: 0;
-  background-color: white;
+  background-color: #fff;
   -GtkNotebook-initial-gap: 10;
   -GtkNotebook-arrow-spacing: 5;
   -GtkNotebook-tab-curvature: 0;
@@ -1049,7 +1049,7 @@ GtkTreeView.view.progressbar {
   -GtkWidget-focus-line-width: 0;
   transition: all 200ms ease-out; }
   .notebook:backdrop {
-    background-color: white; }
+    background-color: #fff; }
   .notebook.frame {
     border: 1px solid #7f7f7f; }
     .notebook.frame.top {
@@ -1153,7 +1153,7 @@ GtkTreeView.view.progressbar {
     .notebook tab:hover, .notebook tab.prelight-page {
       border-color: #7f7f7f; }
     .notebook tab:active, .notebook tab.active-page, .notebook tab:backdrop:active {
-      border-color: black; }
+      border-color: #000; }
     .notebook tab:backdrop {
       background-color: transparent;
       border-color: transparent; }
@@ -1166,13 +1166,13 @@ GtkTreeView.view.progressbar {
       .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; }
+        border-bottom-color: #000; }
         .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; }
+          background-color: #fff;
+          border-bottom-color: #000; }
       .notebook tab.reorderable-page.top:backdrop {
         border-color: transparent;
         background-color: transparent; }
@@ -1185,13 +1185,13 @@ GtkTreeView.view.progressbar {
       .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; }
+        border-top-color: #000; }
         .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; }
+          background-color: #fff;
+          border-top-color: #000; }
       .notebook tab.reorderable-page.bottom:backdrop {
         border-color: transparent;
         background-color: transparent; }
@@ -1204,13 +1204,13 @@ GtkTreeView.view.progressbar {
       .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; }
+        border-right-color: #000; }
         .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; }
+          background-color: #fff;
+          border-right-color: #000; }
       .notebook tab.reorderable-page.left:backdrop {
         border-color: transparent;
         background-color: transparent; }
@@ -1223,13 +1223,13 @@ GtkTreeView.view.progressbar {
       .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; }
+        border-left-color: #000; }
         .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; }
+          background-color: #fff;
+          border-left-color: #000; }
       .notebook tab.reorderable-page.right:backdrop {
         border-color: transparent;
         background-color: transparent; }
@@ -1243,21 +1243,21 @@ GtkTreeView.view.progressbar {
     .notebook tab.prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page {
       color: #3f3f3f; }
     .notebook tab.active-page GtkLabel, .notebook tab GtkLabel.active-page {
-      color: black; }
+      color: #000; }
       .notebook tab.active-page GtkLabel:backdrop, .notebook tab GtkLabel.active-page:backdrop {
-        color: black; }
+        color: #000; }
     .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;
+        color: #000;
         border-width: 2px;
         border-style: solid;
-        color: black;
+        color: #000;
         border-color: #7f7f7f;
-        background-image: linear-gradient(to bottom, white, white 40%, white);
+        background-image: linear-gradient(to bottom, white, white 40%, #fff);
         background-image: none;
         box-shadow: none; }
       .notebook tab .button:active {
@@ -1265,7 +1265,7 @@ GtkTreeView.view.progressbar {
         border-style: solid;
         border-color: #7f7f7f;
         background-image: linear-gradient(to bottom, #7f7f7f);
-        color: white; }
+        color: #fff; }
       .notebook tab .button:backdrop {
         color: rgba(0, 0, 0, 0.3);
         border-color: transparent; }
@@ -1297,11 +1297,11 @@ GtkTreeView.view.progressbar {
     .scrollbar.slider:hover {
       background-color: #4c4c4c; }
     .scrollbar.slider:prelight:active {
-      background-color: black; }
+      background-color: #000; }
     .scrollbar.slider.fine-tune {
       border-width: 5px; }
       .scrollbar.slider.fine-tune:prelight:active {
-        background-color: black; }
+        background-color: #000; }
 
 .scrollbars-junction, .scrollbar.trough {
   border-color: transparent;
@@ -1327,26 +1327,26 @@ GtkSwitch {
     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;
+      border-color: #000;
+      background-color: #000;
+      box-shadow: 0 1px #fff;
       text-shadow: 0 0 2px white; }
     GtkSwitch.trough:insensitive {
       color: #7f7f7f;
       border-color: #7f7f7f;
       background-color: white;
-      box-shadow: 0 1px white;
+      box-shadow: 0 1px #fff;
       text-shadow: none; }
     GtkSwitch.trough:backdrop {
-      color: black;
+      color: #000;
       border-color: #8b8b8b;
-      background-color: white;
+      background-color: #fff;
       box-shadow: none;
       text-shadow: none; }
       GtkSwitch.trough:backdrop:active {
-        color: white;
-        border-color: black;
-        background-color: black;
+        color: #fff;
+        border-color: #000;
+        background-color: #000;
         box-shadow: none; }
       GtkSwitch.trough:backdrop:insensitive {
         color: #7f7f7f;
@@ -1355,19 +1355,19 @@ GtkSwitch {
     border-radius: 3px;
     border-width: 2px;
     border-style: solid;
-    color: black;
-    background-image: linear-gradient(to bottom, white, white 40%, #f2f2f2);
+    color: #000;
+    background-image: linear-gradient(to bottom, white, #fff 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;
+      color: #000;
       border-color: #7f7f7f;
-      background-image: linear-gradient(to bottom, white, white 40%, white);
+      background-image: linear-gradient(to bottom, white, white 40%, #fff);
       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; }
+      border: 1px solid #000; }
     GtkSwitch.slider:insensitive {
       border-width: 2px;
       border-style: solid;
@@ -1379,19 +1379,19 @@ GtkSwitch {
     GtkSwitch.slider:backdrop {
       border-width: 2px;
       border-style: solid;
-      color: black;
+      color: #000;
       border-color: #8b8b8b;
-      background-image: linear-gradient(to bottom, white);
+      background-image: linear-gradient(to bottom, #fff);
       text-shadow: none;
       icon-shadow: none; }
       GtkSwitch.slider:backdrop:active {
-        border-color: black; }
+        border-color: #000; }
       GtkSwitch.slider:backdrop:insensitive {
         border-width: 2px;
         border-style: solid;
         color: #7f7f7f;
         border-color: #8b8b8b;
-        background-image: linear-gradient(to bottom, white); }
+        background-image: linear-gradient(to bottom, #fff); }
 
 /*************************
  * Check and Radio items *
@@ -1408,7 +1408,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
     color: #7f7f7f; }
   .check:checked, .check:active {
     -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic");
-    color: black; }
+    color: #000; }
     .check:checked:hover, .check:active:hover {
       color: #7f7f7f; }
     .check:checked:insensitive, .check:active:insensitive {
@@ -1416,7 +1416,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
       .check:checked:insensitive:backdrop, .check:active:insensitive:backdrop {
         color: #7f7f7f; }
     .check:checked:backdrop, .check:active:backdrop {
-      color: black; }
+      color: #000; }
   .check:insensitive {
     color: rgba(127, 127, 127, 0.1); }
     .check:insensitive:backdrop {
@@ -1426,9 +1426,9 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
   .check:selected, .check:selected:focus {
     color: rgba(255, 255, 255, 0.1); }
     .check:selected:active, .check:selected:focus:active {
-      color: white; }
+      color: #fff; }
       .check:selected:active:backdrop, .check:selected:focus:active:backdrop {
-        color: white; }
+        color: #fff; }
   .check:backdrop {
     color: rgba(0, 0, 0, 0.1); }
     .check:backdrop:selected {
@@ -1442,7 +1442,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
     color: #7f7f7f; }
   .radio:checked, .radio:active {
     -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic");
-    color: black; }
+    color: #000; }
     .radio:checked:hover, .radio:active:hover {
       color: #7f7f7f; }
     .radio:checked:insensitive, .radio:active:insensitive {
@@ -1450,7 +1450,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
       .radio:checked:insensitive:backdrop, .radio:active:insensitive:backdrop {
         color: #7f7f7f; }
     .radio:checked:backdrop, .radio:active:backdrop {
-      color: black; }
+      color: #000; }
   .radio:insensitive {
     color: rgba(127, 127, 127, 0.1); }
     .radio:insensitive:backdrop {
@@ -1460,9 +1460,9 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
   .radio:selected, .radio:selected:focus {
     color: rgba(255, 255, 255, 0.1); }
     .radio:selected:active, .radio:selected:focus:active {
-      color: white; }
+      color: #fff; }
       .radio:selected:active:backdrop, .radio:selected:focus:active:backdrop {
-        color: white; }
+        color: #fff; }
   .radio:backdrop {
     color: rgba(0, 0, 0, 0.1); }
     .radio:backdrop:selected {
@@ -1495,20 +1495,20 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
   .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);
+    color: #000;
+    background-image: linear-gradient(to bottom, white, #fff 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; }
+    box-shadow: inset 0 1px white, inset 0 -2px #fff, 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;
+      color: #000;
       border-color: #7f7f7f;
-      background-image: linear-gradient(to bottom, white, white 40%, white);
+      background-image: linear-gradient(to bottom, white, white 40%, #fff);
       border-color: #777777;
       border-radius: 50%;
       box-shadow: inset 0 1px white, inset 0 -2px white, inset 0 -1px #d8d8d8; }
@@ -1525,7 +1525,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
       border-style: solid;
       border-radius: 50%;
       border-color: #838383;
-      background-image: linear-gradient(to bottom, white);
+      background-image: linear-gradient(to bottom, #fff);
       box-shadow: none; }
     .scale.slider:backdrop:insensitive,
     .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive,
@@ -1534,7 +1534,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
       border-style: solid;
       color: #7f7f7f;
       border-color: #8b8b8b;
-      background-image: linear-gradient(to bottom, white); }
+      background-image: linear-gradient(to bottom, #fff); }
     .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 {
@@ -1547,18 +1547,18 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
     border-radius: 3px;
     border-color: #7f7f7f;
     background-color: #cbcbcb;
-    box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
+    box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px #fff; }
     .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; }
+      border-color: #000;
+      background-color: #000;
+      box-shadow: 0 1px #fff; }
       .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;
+        border-color: #000;
+        background-color: #000;
         box-shadow: none; }
     .scale.trough:insensitive, .scale.trough.hilight:insensitive,
     .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
@@ -1567,7 +1567,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
     .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.hilight:insensitive {
       border-color: #7f7f7f;
       background-color: white;
-      box-shadow: 0 1px white; }
+      box-shadow: 0 1px #fff; }
     .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 {
@@ -1580,7 +1580,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
     .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: #7f7f7f;
-      background-color: white; }
+      background-color: #fff; }
 
 /*****************
  * Progress bars *
@@ -1596,14 +1596,14 @@ GtkProgressBar {
   border-width: 1px;
   border-style: solid;
   border-radius: 3px;
-  border-color: black;
-  background-color: black;
+  border-color: #000;
+  background-color: #000;
   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;
+    border-color: #000;
+    background-color: #000;
     box-shadow: none; }
   .progressbar.osd {
     border-width: 0;
@@ -1618,7 +1618,7 @@ GtkProgressBar.trough {
   border-radius: 3px;
   border-color: #7f7f7f;
   background-color: #d2d2d2;
-  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
+  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px #fff; }
   GtkProgressBar.trough:backdrop {
     border-color: #8b8b8b;
     background-color: #d6d6d6;
@@ -1645,26 +1645,26 @@ GtkLevelBar.vertical {
   background-color: transparent;
   border-style: solid;
   border-width: 1px;
-  background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
+  background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
   border-color: #7f7f7f;
-  box-shadow: inset 0 2px 2px -2px #7f7f7f, 0 1px white; }
+  box-shadow: inset 0 2px 2px -2px #7f7f7f, 0 1px #fff; }
   .level-bar.trough:backdrop {
     background-color: transparent;
     border-style: solid;
     border-width: 1px;
-    background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
-    color: black;
-    background-image: linear-gradient(to bottom, white);
+    background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
+    color: #000;
+    background-image: linear-gradient(to bottom, #fff);
     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;
+  background-color: #000;
   box-shadow: 0 1px rgba(0, 0, 0, 0.1);
   border-radius: 1px; }
   .level-bar.fill-block:backdrop {
-    border-color: black;
+    border-color: #000;
     box-shadow: none; }
   .level-bar.fill-block.indicator-discrete.horizontal {
     margin: 0 1px; }
@@ -1688,11 +1688,11 @@ GtkLevelBar.vertical {
       border-color: rgba(0, 0, 0, 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;
+  background-color: #000;
+  color: #fff;
   outline-color: rgba(255, 255, 255, 0.3); }
   .view:backdrop:selected, GtkLabel:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected {
-    color: white; }
+    color: #fff; }
 
 /**********
  * Frames *
@@ -1724,10 +1724,10 @@ GtkScrolledWindow GtkViewport.frame {
  * Lists *
  *********/
 .list, .list-row {
-  background-color: white;
+  background-color: #fff;
   border-color: #7f7f7f; }
   .list:backdrop, .list-row:backdrop {
-    background-color: white;
+    background-color: #fff;
     border-color: #8b8b8b; }
 
 .list-row,
@@ -1749,10 +1749,10 @@ GtkScrolledWindow GtkViewport.frame {
     background-color: black; }
 
 .list-row:selected {
-  background-color: black;
-  color: white; }
+  background-color: #000;
+  color: #fff; }
   .list-row:selected:backdrop {
-    color: white; }
+    color: #fff; }
 
 /*********************
  * App Notifications *
@@ -1788,7 +1788,7 @@ GtkCalendar {
     padding: 0 4px;
     color: #999999; }
     GtkCalendar.button:hover {
-      color: black; }
+      color: #000; }
     GtkCalendar.button:backdrop, GtkCalendar.button:backdrop:hover {
       color: #7f7f7f; }
   GtkCalendar.view {
@@ -1797,7 +1797,7 @@ GtkCalendar {
     background: linear-gradient(to bottom, white, #fafafa);
     border-bottom-color: #bfbfbf; }
     GtkCalendar.header:backdrop {
-      background-image: linear-gradient(to bottom, white);
+      background-image: linear-gradient(to bottom, #fff);
       border-bottom-color: #c5c5c5; }
 
 /***********
@@ -1810,7 +1810,7 @@ GtkCalendar {
   -GtkDialog-button-spacing: 0; }
   .message-dialog .titlebar {
     border-style: none;
-    box-shadow: inset 0 1px white; }
+    box-shadow: inset 0 1px #fff; }
   .message-dialog.csd {
     border-bottom-left-radius: 9px;
     border-bottom-right-radius: 9px; }
@@ -1819,21 +1819,21 @@ GtkCalendar {
       border-radius: 0;
       border-width: 2px;
       border-style: solid;
-      color: black;
-      background-image: linear-gradient(to bottom, white, white 40%, #f2f2f2);
+      color: #000;
+      background-image: linear-gradient(to bottom, white, #fff 40%, #f2f2f2);
       border-color: #7f7f7f; }
       .message-dialog.csd .dialog-action-area .button:hover {
         border-width: 2px;
         border-style: solid;
-        color: black;
+        color: #000;
         border-color: #7f7f7f;
-        background-image: linear-gradient(to bottom, white, white 40%, white); }
+        background-image: linear-gradient(to bottom, white, white 40%, #fff); }
       .message-dialog.csd .dialog-action-area .button:active {
         border-width: 2px;
         border-style: solid;
         border-color: #7f7f7f;
         background-image: linear-gradient(to bottom, #7f7f7f);
-        color: white; }
+        color: #fff; }
       .message-dialog.csd .dialog-action-area .button:insensitive {
         border-width: 2px;
         border-style: solid;
@@ -1845,9 +1845,9 @@ GtkCalendar {
       .message-dialog.csd .dialog-action-area .button:backdrop {
         border-width: 2px;
         border-style: solid;
-        color: black;
+        color: #000;
         border-color: #8b8b8b;
-        background-image: linear-gradient(to bottom, white);
+        background-image: linear-gradient(to bottom, #fff);
         text-shadow: none;
         icon-shadow: none; }
       .message-dialog.csd .dialog-action-area .button:backdrop:insensitive {
@@ -1855,7 +1855,7 @@ GtkCalendar {
         border-style: solid;
         color: #7f7f7f;
         border-color: #8b8b8b;
-        background-image: linear-gradient(to bottom, white); }
+        background-image: linear-gradient(to bottom, #fff); }
       .message-dialog.csd .dialog-action-area .button.suggested-action {
         border-width: 2px;
         border-style: solid;
@@ -1887,7 +1887,7 @@ GtkCalendar {
             border-style: solid;
             color: #7f7f7f;
             border-color: #8b8b8b;
-            background-image: linear-gradient(to bottom, white); }
+            background-image: linear-gradient(to bottom, #fff); }
         .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive {
           border-width: 2px;
           border-style: solid;
@@ -1927,7 +1927,7 @@ GtkCalendar {
             border-style: solid;
             color: #7f7f7f;
             border-color: #8b8b8b;
-            background-image: linear-gradient(to bottom, white); }
+            background-image: linear-gradient(to bottom, #fff); }
         .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive {
           border-width: 2px;
           border-style: solid;
@@ -1946,12 +1946,12 @@ GtkCalendar {
       border-bottom-left-radius: 7px; }
 
 GtkFileChooserDialog .search-bar {
-  background-color: white;
-  border-color: white;
+  background-color: #fff;
+  border-color: #fff;
   box-shadow: none; }
   GtkFileChooserDialog .search-bar:backdrop {
-    background-color: white;
-    border-color: white; }
+    background-color: #fff;
+    border-color: #fff; }
 GtkFileChooserDialog .dialog-action-box {
   border-top: 1px solid #7f7f7f; }
   GtkFileChooserDialog .dialog-action-box:backdrop {
@@ -1981,7 +1981,7 @@ GtkFileChooserDialog .dialog-action-box {
     background-color: white; }
   .sidebar:selected,
   .sidebar .view:selected {
-    background-color: black; }
+    background-color: #000; }
   .sidebar .separator,
   .sidebar .view .separator {
     color: #d8d8d8; }
@@ -2008,8 +2008,8 @@ GtkInfoBar {
 .question,
 .warning,
 .error {
-  background-color: black;
-  color: white;
+  background-color: #000;
+  color: #fff;
   text-shadow: 0 1px black;
   border-color: black; }
   .info .button,
@@ -2018,8 +2018,8 @@ GtkInfoBar {
   .error .button {
     border-width: 2px;
     border-style: solid;
-    color: white;
-    background-image: linear-gradient(to bottom, #0d0d0d, black 40%, black);
+    color: #fff;
+    background-image: linear-gradient(to bottom, #0d0d0d, #000 40%, black);
     border-color: black; }
     .info .button:hover,
     .question .button:hover,
@@ -2027,9 +2027,9 @@ GtkInfoBar {
     .error .button:hover {
       border-width: 2px;
       border-style: solid;
-      color: white;
+      color: #fff;
       border-color: black;
-      background-image: linear-gradient(to bottom, #242424, #0a0a0a 40%, black); }
+      background-image: linear-gradient(to bottom, #242424, #0a0a0a 40%, #000); }
     .info .button:active,
     .question .button:active,
     .warning .button:active,
@@ -2038,7 +2038,7 @@ GtkInfoBar {
       border-style: solid;
       border-color: black;
       background-image: linear-gradient(to bottom, black);
-      color: white; }
+      color: #fff; }
     .info .button:insensitive,
     .question .button:insensitive,
     .warning .button:insensitive,
@@ -2056,9 +2056,9 @@ GtkInfoBar {
     .error .button:backdrop {
       border-width: 2px;
       border-style: solid;
-      color: white;
-      border-color: black;
-      background-image: linear-gradient(to bottom, black);
+      color: #fff;
+      border-color: #000;
+      background-image: linear-gradient(to bottom, #000);
       text-shadow: none;
       icon-shadow: none; }
     .info .button:backdrop:insensitive,
@@ -2069,7 +2069,7 @@ GtkInfoBar {
       border-style: solid;
       color: #7f7f7f;
       border-color: #8b8b8b;
-      background-image: linear-gradient(to bottom, white); }
+      background-image: linear-gradient(to bottom, #fff); }
 
 /************
  * Tooltips *
@@ -2134,7 +2134,7 @@ GtkColorSwatch {
 GtkColorChooserWidget #add-color-button {
   border-color: #bfbfbf;
   background-color: #bfbfbf;
-  color: white;
+  color: #fff;
   box-shadow: none; }
   GtkColorChooserWidget #add-color-button:hover {
     border-color: #7f7f7f;
@@ -2172,22 +2172,24 @@ GtkColorChooserWidget #add-color-button {
   .button.titlebutton:hover {
     border-width: 2px;
     border-style: solid;
-    color: black;
-    background-image: linear-gradient(to bottom, white, white 40%, #f2f2f2);
+    color: #000;
+    background-image: linear-gradient(to bottom, white, #fff 40%, #f2f2f2);
     border-color: #7f7f7f; }
   .button.titlebutton:active {
     border-width: 2px;
     border-style: solid;
     border-color: #7f7f7f;
     background-image: linear-gradient(to bottom, #7f7f7f);
-    color: white; }
+    color: #fff; }
   .button.titlebutton:backdrop {
     border-width: 2px;
     border-style: solid;
-    color: black;
+    color: #000;
     border-color: #8b8b8b;
-    background-image: linear-gradient(to bottom, white);
+    background-image: linear-gradient(to bottom, #fff);
     text-shadow: none;
     icon-shadow: none;
     border-color: transparent;
     transition-property: border, box-shadow, color; }
+
+/*# sourceMappingURL=gtk.css.map */