Add color for text_view_bg. Fixes #755

* Update README.md with instructions to use SassC

Updates the Build It instructions for using SassC instead of Ruby Sass

* Updates Makefile to replace Ruby Sass with SassC

This commit replaces the use of the Ruby Sass scss command with SassC's sassc command. Due to the more limited functionality of sassc, output directories must be created prior to running the command and only one file may be processed at a time unlike the many-to-many mode functionality of the scss command.

* Makes import directive relative in _gnome-terminal.scss

This commit changes the "widgets/button" import directive to be relative in the gtk-3.20 _gnome-terminal.scss file which is necessary when using SassC.

* Removes import directive in _gnome-terminal.scss 

This commit removes the "widgets/button" import directive in the gtk-3.20 _gnome-terminal.scss file which is unnecessary.

Co-authored-by: KTB <ktb83@users.noreply.github.com>

CHANGES

@@ -1,3 +1,47 @@
+-------------->>>> 2.6.7 <<<<-------------------------->>>> 2.6.7 <<<<-------------------------->>>> 2.6.7 <<<<--------------
+[2017-10-14 13:52:32 +0530]  Gtk-3.20: Add message summary and popover-list styles for geary         Khurshid Alam  {fd8e657}
+[2017-10-14 13:49:06 +0530]  Update readme for Ubuntu and Debian                                     Khurshid Alam  {5d031a3}
+[2017-10-05 10:27:02 -0500]  Update README.md                                                       Dustin Falgout  {8d99a96}
+[2017-10-05 10:23:02 -0500]  Update urls for distro logo images in README.md                        Dustin Falgout  {a0bd7d1}
+[2017-08-30 00:16:16 +0100]  Xfwm4: improve accessibility (wider bottom edge)                       Andrew Chadwick {6057a2d}
+[2017-07-26 02:03:28 -0500]  Update CONTRIBUTING.md                                                 Dustin Falgout  {858e629}
+[2017-07-26 02:01:53 -0500]  Delete CODE_OF_CONDUCT.md                                              Dustin Falgout  {68d01fe}
+[2017-07-26 02:01:29 -0500]  Create CODE_OF_CONDUCT.md                                              Dustin Falgout  {88632d8}
+[2017-06-15 14:27:30 +0530]  [Gnome-Panel-3.24] Add style for tasklist-button                        Khurshid Alam  {f2425ca}
+[2017-06-13 20:10:05 +0530]  [Gtk-2.0] Set inkscape-decoration & gtk--small-toolbar icon to 16px..   Khurshid Alam  {abf6111}
+[2017-06-13 02:39:50 +0530]  [Gtk-3.20] Tilix: Do not bottom-border color                            Khurshid Alam  {06be2fa}
+[2017-06-13 02:34:23 +0530]  [Gtk-3.20] Tilix: Add bottom border for active titlebar. Fixes #657     Khurshid Alam  {82568c7}
+[2017-06-06 12:53:28 +0530]  [Gtk-3.20] Metacity: Use normal geometry-style for nautilus dialogs..   Khurshid Alam  {deed3fb}
+[2017-05-14 21:20:12 -0500]  Update README.md                                                       Dustin Falgout  {30ae59b}
+[2017-05-10 20:03:46 +0530]  Fix syntax error in previous commit                                     Khurshid Alam  {402fd48}
+[2017-05-10 14:05:55 +0530]  [Gtk-3.18] Fix white border on tilix. Fixes #655                        Khurshid Alam  {4289b97}
+[2017-04-16 19:49:09 -0400]  README: update Arch package name (#663)                                 Ronan Jouchet  {582f09f}
+[2017-04-14 22:11:26 +0530]  [Gtk-3.22] Tweaks in  popover.events list for gnome-calendar            Khurshid Alam  {487d8e6}
+[2017-04-08 22:58:43 +0530]  Use darker background for solid-csd window. Fixes #659                  Khurshid Alam  {bf8f3b0}
+[2017-03-29 21:44:29 +0530]   Fix indentation                                                        Khurshid Alam  {35e5463}
+[2017-03-29 21:30:13 +0530]  [Gtk-3.22] Re-Introduce disabled state under treeview.progressbar       Khurshid Alam  {ab172c2}
+[2017-03-29 19:35:48 +0530]  [Gtk-3.22] Progressbar under Treeview: Minor fixes                      Khurshid Alam  {c8828c7}
+[2017-03-21 01:23:40 -0500]  Update README.md                                                       Dustin Falgout  {deddc89}
+[2017-03-21 01:22:27 -0500]  Update README.md                                                       Dustin Falgout  {f55b6a7}
+[2017-03-13 22:38:18 +0530]  [Gtk-3.22] Use box-shadow to draw border on Notebook tab                Khurshid Alam  {d99f46c}
+[2017-02-15 13:29:13 +0530]  [Gtk-3.22] Separate titlebar mixin from toolbar                         Khurshid Alam  {f25d7e0}
+[2017-02-15 12:46:53 +0530]  Attempting to fix >1px height in linked combobox-button                 Khurshid Alam  {f52633e}
+[2017-02-09 22:15:04 +0530]  [Gtk-3.22] Provide gap between buttons in message dialog. 3.22 fix ..   Khurshid Alam  {ec299d4}
+[2017-02-09 22:06:13 +0530]  [Gtk-3.22] Fixing & adjusting menu & modelbutton padding                Khurshid Alam  {653556d}
+[2017-02-08 20:20:55 +0530]  [Gtk-3.20][Gtk-3.22] GtkCalendar under popover menu                     Khurshid Alam  {0220883}
+[2017-02-07 16:06:37 +0530]  [Gtk-3.22][Switches] Make slider to fall in-line with the text          Khurshid Alam  {23f1543}
+[2017-02-06 20:15:39 +0530]  [Button-Redesign] Lighten active a checked state button color for l..   Khurshid Alam  {d2f201b}
+[2017-02-06 18:25:09 +0530]  Fixinng notebook-tab-active color and close button style                Khurshid Alam  {777d586}
+[2017-02-05 10:39:36 +0530]  [Gtk-3.22][Button-Redesign] Spinbutton: Fixing color and entry border   Khurshid Alam  {85138a0}
+[2017-02-04 14:32:13 +0530]  [Gtk-3.22][Button-Redesign] Fixed spinbutton hover-state color          Khurshid Alam  {8670cc0}
+[2017-02-04 00:44:26 +0530]  [Gtk-3.22] Redesign-Buttons (Phase1)                                    Khurshid Alam  {9e4844a}
+[2017-01-30 22:22:09 +0530]  Flatter button. More prominent shadow on hover. Fixing #370             Khurshid Alam  {2363312}
+[2017-01-30 22:09:37 +0530]  [Gtk-3.22] Normalize Switches. Fixes #396                               Khurshid Alam  {3be320f}
+[2017-01-23 12:43:55 +0100]  [Gtk-3.22][Gtk-3.20] Fix iconview background for Unity-Control-Cent..   Csaba Jakosa   {1a8c9bf}
+[2017-01-22 19:20:32 +0100]  [GTK 3.22] Add hover effect for menuitem under Unity-LIM. Fixes #632    Csaba Jakosa   {45210ca}
+[2017-01-12 21:39:54 +0530]  Set Numix as default icon theme for MATE's theme picker. Fixes #488     Khurshid Alam  {92b576f}
+[2016-11-19 16:36:45 -0600]  Update README.md                                                       Dustin Falgout  {0e4a840}
+[2016-11-19 23:34:56 +0100]  Add Debian and Ubuntu official distro package, remove Ubuntu PPA. (..    Léo Andrès    {b24ed9e}
 -------------->>>> 2.6.6 <<<<-------------------------->>>> 2.6.6 <<<<-------------------------->>>> 2.6.6 <<<<--------------
 [2016-11-14 16:22:11 -0600]  update utils.sh script                                                 Dustin Falgout  {795932a}
 [2016-11-10 05:37:27 +0100]  [Gtk-3.20] Fixed gnome-terminal scrollbar color. Disable backdrop m..   Csaba Jakosa   {9574a02}

Makefile

@@ -1,5 +1,5 @@
-SASS=scss
+SASS=sassc
-SASSFLAGS=--sourcemap=none
+SASSFLAGS=-M -t expanded
 GLIB_COMPILE_RESOURCES=glib-compile-resources
 RES_DIR=src/gtk-3.0
 SCSS_DIR=$(RES_DIR)/scss
@@ -14,8 +14,12 @@ UTILS=scripts/utils.sh
 all: clean gresource
 
 css:
-	$(SASS) --update $(SASSFLAGS) $(SCSS_DIR):$(DIST_DIR)
+	mkdir $(DIST_DIR)
-	$(SASS) --update $(SASSFLAGS) $(SCSS_DIR320):$(DIST_DIR320)
+	$(SASS) $(SASSFLAGS) $(SCSS_DIR)/gtk.scss $(DIST_DIR)/gtk.css
+	$(SASS) $(SASSFLAGS) $(SCSS_DIR)/gtk-dark.scss $(DIST_DIR)/gtk-dark.css
+	mkdir $(DIST_DIR320)
+	$(SASS) $(SASSFLAGS) $(SCSS_DIR320)/gtk.scss $(DIST_DIR320)/gtk.css
+	$(SASS) $(SASSFLAGS) $(SCSS_DIR320)/gtk-dark.scss $(DIST_DIR320)/gtk-dark.css
 
 gresource: css
 	$(GLIB_COMPILE_RESOURCES) --sourcedir=$(RES_DIR) $(RES_DIR)/gtk.gresource.xml

README.md

@@ -16,18 +16,16 @@
 
 First, you need to compile the theme using the [Sass](http://sass-lang.com/) compiler.
 
-To install Sass, install Ruby and the gem command using your distribution's package manager. Then install `sass` with the `gem` command,
+You will need to install SassC (`sassc`) which is likely to be available as a package in your distribution's software repositories.
-
-`gem install sass` (not needed for Ubuntu/Debian)
 
 You'll also need the ```glib-compile-schemas``` and  ```gdk-pixbuf-pixdata``` commands in your path to generate the gresource binary. Install them using your distribution's package manager.
 
 |Distro|Commands|
 |:----:|:----:|
-|![arch][arch]  ![antergos][antergos]|`sudo pacman -S glib2 gdk-pixbuf2`|
+|![arch][arch]  ![antergos][antergos]|`sudo pacman -S sassc glib2 gdk-pixbuf2`|
-|![opensuse][opensuse]|`sudo zipper install glib2-devel gdk-pixbuf-devel`|
+|![opensuse][opensuse]|`sudo zypper install sassc glib2-devel gdk-pixbuf-devel`|
-|![fedora][fedora]|`sudo dnf install glib2-devel gdk-pixbuf2-devel`|
+|![fedora][fedora]|`sudo dnf install sassc glib2-devel gdk-pixbuf2-devel`|
-|![debian][debian]  ![ubuntu][ubuntu]|`sudo apt-get install ruby-sass libglib2.0-dev libgdk-pixbuf2.0-dev libxml2-utils`|
+|![debian][debian]  ![ubuntu][ubuntu]|`sudo apt-get install sassc libglib2.0-dev libgdk-pixbuf2.0-dev libxml2-utils`|
 
 After installing all the dependencies, change to the cloned directory and, run the following in Terminal,
 
@@ -49,6 +47,8 @@ xfconf-query -c xsettings -p /Net/ThemeName -s "Numix"
 xfconf-query -c xfwm4 -p /general/theme -s "Numix"
 ```
 
+In Openbox you can set the theme with [ObConf](http://openbox.org/wiki/ObConf:About) tool. Alternatively, you can set the theme by changing the `<name> `key value to `Numix` in the `<theme>` section of your rc.xml file.
+
 ### For contributors
 Start by reviewing the [guidelines for contributing](https://github.com/numixproject/numix-gtk-theme/blob/master/.github/CONTRIBUTING.md).
 

src/gtk-3.0/scss/_colors.scss

@@ -31,6 +31,7 @@
 @define-color success_color #{"" + $success_color};
 @define-color warning_color #{"" + $warning_color};
 @define-color error_color #{"" + $error_color};
+@define-color text_view_bg #{"" + $base_color};
 
 /* widget colors */
 @define-color titlebar_bg_color @dark_bg_color;

src/gtk-3.0/scss/_widgets.scss

@@ -31,6 +31,7 @@
 @import "apps/nemo";
 @import "apps/panel";
 @import "apps/synaptic";
+@import "apps/thunar";
 @import "apps/xfce";
 @import "apps/unity";
 @import "apps/lightdm";

src/gtk-3.0/scss/apps/_thunar.scss

@@ -0,0 +1,17 @@
+@include exports("thunar") {
+.thunar {
+  scrolledwindow.sidebar treeview.view {
+    background: $bg_color;
+    color: $fg_color;
+    
+    &:selected, &:active {
+      background: $selected_bg_color;
+      color: $selected_fg_color;
+    }
+  }
+
+  scrolledwindow.shortcuts-pane {
+    border-top-width: 1;
+  }
+ }
+}

src/gtk-3.0/scss/apps/_xfce.scss

@@ -23,4 +23,17 @@
 
         .menu { -gtk-image-effect: none; }
     }
+
+    #XfceNotifyWindow {
+        background-color: $osd_bg;
+        color: $osd_fg;
+        border-radius: $roundness;
+        border: 1px solid border_normal($osd_bg);
+
+        GtkLabel {
+            &#summary {
+                font-weight: bold;
+            }
+        }
+    }
 }

src/gtk-3.0/scss/widgets/_osd.scss

@@ -8,8 +8,7 @@
 @include exports("osd") {
     GtkOverlay.osd { background-color: transparent; }
 
-    .osd,
+    .osd {
-    #XfceNotifyWindow {
         &.background {
             background-color: alpha($osd_bg, .8);
             color: $osd_fg;

src/gtk-3.20/scss/_colors.scss

@@ -31,6 +31,7 @@
 @define-color success_color #{"" + $success_color};
 @define-color warning_color #{"" + $warning_color};
 @define-color error_color #{"" + $error_color};
+@define-color text_view_bg #{"" + $base_color};
 
 /* widget colors */
 @define-color titlebar_bg_color @dark_bg_color;

src/gtk-3.20/scss/_widgets.scss

@@ -34,8 +34,10 @@
 @import "apps/nemo";
 @import "apps/panel";
 @import "apps/synaptic";
+@import "apps/thunar";
 @import "apps/xfce";
 @import "apps/unity";
 @import "apps/lightdm";
 @import "apps/gnome-terminal";
 @import "apps/budgie";
+@import "apps/eclipse";

src/gtk-3.20/scss/apps/_budgie.scss

@@ -24,4 +24,38 @@
     .raven-mpris {
         background-color: transparentize($bg_color, .3);
     }
+
+    .budgie-panel {
+        background-color: $dark_bg_color;
+        color: $dark_fg_color;
+    }
+    
+    .budgie-panel > box > widget > separator {
+        background-color: transparentize($dark_fg_color, .8);
+    }
+    
+    .workspace-switcher {
+        background-color: $dark_bg_color;
+        .workspace-icon-button {
+            background-color: transparent;
+            &:hover {
+                background-color: transparentize($selected_bg_color, .5);
+                border: transparent;
+            }
+        }
+        .workspace-more-label {
+            color: $dark_fg_color;
+        }
+        .workspace-add-button {
+            background-color: transparentize($selected_bg_color, .8);
+            color: $selected_bg_color;
+            border: transparent;
+            &:hover {
+                background-color: transparentize($selected_bg_color, .5);
+            }
+        }
+        .current-workspace {
+            background-color: $selected_bg_color;
+        }
+    }
 }

src/gtk-3.20/scss/apps/_eclipse.scss

@@ -0,0 +1,9 @@
+/***********
+ ! Eclipse *
+ ***********/
+
+@include exports("eclipse") {
+	button.flat.image-button > image {
+		padding: 3px;
+	}
+}

src/gtk-3.20/scss/apps/_gnome-terminal.scss

@@ -1,5 +1,3 @@
-@import "widgets/button";
-
 /**********************
  ! Genome Terminal *
 ***********************/

src/gtk-3.20/scss/apps/_thunar.scss

@@ -0,0 +1,17 @@
+@include exports("thunar") {
+.thunar {
+  scrolledwindow.sidebar treeview.view {
+    background: $bg_color;
+    color: $fg_color;
+    
+    &:selected, &:active {
+      background: $selected_bg_color;
+      color: $selected_fg_color;
+    }
+  }
+
+  scrolledwindow.shortcuts-pane {
+    border-top-width: 1;
+  }
+ }
+}

src/gtk-3.20/scss/apps/_xfce.scss

@@ -27,4 +27,65 @@
             text-shadow: none;
         }
     }
+
+    #XfceNotifyWindow {
+        .osd {
+            background-color: $osd_bg;
+            color: $osd_fg;
+            border-radius: $roundness;
+            border: 1px solid border_normal($osd_bg);
+        }
+
+        &.osd {
+            label {
+                &#summary {
+                    font-weight: bold;
+                }
+            }
+        }
+    }
+
+    #whiskermenu-window {
+		* {
+			border-color: border_normal($dark_bg_color);
+			outline: none;
+        }
+
+        background-color: $dark_bg_color;
+        color: $dark_fg_color;
+
+        entry {
+			background-color: shade($dark_bg_color, 1.2);
+			color: $dark_fg_color;
+        }
+
+        button {
+            font-weight: bold;
+            padding: 6px 12px;
+			margin: 3px 0px;
+			border: none;
+			@include linear_gradient($dark_bg_color);
+			color: $dark_fg_color;
+
+			&:focus, &:hover {
+			    background-color: $selected_bg_color;
+                color: $selected_fg_color;
+			}
+
+			&:checked {
+                background-color: shade($selected_bg_color, .9);
+                color: $selected_fg_color;
+			}
+        }
+
+        treeview {
+            background-color: shade($dark_bg_color, 1.2);
+			color: $dark_fg_color;
+
+			&:selected, &:hover {
+                background-color: $selected_bg_color;
+                color: $selected_fg_color;
+			}
+        }
+    }
 }

src/gtk-3.20/scss/widgets/_osd.scss

@@ -23,8 +23,7 @@
         }
     }
 
-    button.osd,
+    button.osd {
-    #XfceNotifyWindow button {
         @include button($osd_bg, $osd_fg);
 
         &.image-button {
@@ -73,8 +72,7 @@
         }
     }
 
-    .osd,
+    .osd {
-    #XfceNotifyWindow {
         background-color: $osd_bg;
         color: $osd_fg;
 

src/openbox-3/themerc

@@ -59,6 +59,9 @@ window.active.button.hover.bg: flat solid
 window.active.button.hover.bg.color: #444444
 window.active.button.hover.image.color: #f06860
 
+window.active.button.toggled.image.color: #eeeeee
+window.active.button.toggled.hover.image.color: #f06860
+
 
 # Inactive window
 window.inactive.border.color: #393939
@@ -93,6 +96,9 @@ window.inactive.button.hover.bg: flat solid
 window.inactive.button.hover.bg.color: #444444
 window.inactive.button.hover.image.color: #f06860
 
+window.inactive.button.toggled.image.color: #888888
+window.inactive.button.toggled.hover.image.color: #f06860
+
 
 # OSD
 osd.border.width: 1