Converting last themes to Gtk 3

Xfce-4.0, Xfce-4.2, Xfce-4.4, Xfce-4.6, Xfce

16 files changed, 2340 insertions, 5 deletions

diff --git a/configure.in.in b/configure.in.in
index ac53117..56b448d 100644
--- a/configure.in.in
+++ b/configure.in.in
@@ -101,15 +101,20 @@ themes/b5/Makefile
 themes/b5/gtk-2.0/Makefile
 themes/b5/gtk-3.0/Makefile
 themes/xfce/gtk-2.0/Makefile
+themes/xfce/gtk-3.0/Makefile
 themes/xfce/Makefile
 themes/xfce-4.0/gtk-2.0/Makefile
+themes/xfce-4.0/gtk-3.0/Makefile
 themes/xfce-4.0/Makefile
 themes/xfce-4.2/gtk-2.0/Makefile
+themes/xfce-4.2/gtk-3.0/Makefile
 themes/xfce-4.2/Makefile
 themes/xfce-4.4/Makefile
 themes/xfce-4.4/gtk-2.0/Makefile
+themes/xfce-4.4/gtk-3.0/Makefile
 themes/xfce-4.6/Makefile
 themes/xfce-4.6/gtk-2.0/Makefile
+themes/xfce-4.6/gtk-3.0/Makefile
 themes/basic/gtk-2.0/Makefile
 themes/basic/gtk-3.0/Makefile
 themes/basic/Makefile
diff --git a/themes/xfce-4.0/Makefile.am b/themes/xfce-4.0/Makefile.am
index 31a87c8..2690df5 100644
--- a/themes/xfce-4.0/Makefile.am
+++ b/themes/xfce-4.0/Makefile.am
@@ -1,3 +1,4 @@
-SUBDIRS = gtk-2.0
+SUBDIRS = $(GTK_SUBDIRS)
+DIST_SUBDIRS = gtk-2.0 gtk-3.0
 themedir = $(datadir)/themes/Xfce-4.0
 
diff --git a/themes/xfce-4.0/gtk-3.0/Makefile.am b/themes/xfce-4.0/gtk-3.0/Makefile.am
new file mode 100644
index 0000000..db7f95d
--- /dev/null
+++ b/themes/xfce-4.0/gtk-3.0/Makefile.am
@@ -0,0 +1,5 @@
+themedir = $(datadir)/themes/Xfce-4.0/gtk-3.0
+theme_DATA = gtk.css
+
+EXTRA_DIST = $(theme_DATA)
+
diff --git a/themes/xfce-4.0/gtk-3.0/gtk.css b/themes/xfce-4.0/gtk-3.0/gtk.css
new file mode 100644
index 0000000..24f15a9
--- /dev/null
+++ b/themes/xfce-4.0/gtk-3.0/gtk.css
@@ -0,0 +1,405 @@
+/* Default Xfce theme
+ * Olivier Fourdan 05/2003
+ * Ported from gtk-2.0 to gtk-3.0 by Peter de Ridder <peter@xfce.org>
+ */
+
+@define-color fg_active #000000;
+@define-color fg_insensitive #7f7f79;
+@define-color fg_normal #000000;
+@define-color fg_prelight #000000;
+@define-color fg_selected #ffffff;
+
+@define-color bg_active #bfbdbb;
+@define-color bg_insensitive #eae7e4;
+@define-color bg_normal #eae7e4;
+@define-color bg_prelight #eae7e4;
+@define-color bg_selected #606080;
+
+@define-color base_active #bfbdbb;
+@define-color base_insensitive #eae7e4;
+@define-color base_normal #ffffff;
+@define-color base_prelight #eae7e4;
+@define-color base_selected #606080;
+
+@define-color text_active #000000;
+@define-color text_insensitive #000000;
+@define-color text_normal #000000;
+@define-color text_prelight #000000;
+@define-color text_selected #ffffff;
+
+* {
+    engine: xfce;
+
+    -xfce-smooth-edge: true;
+
+    -GtkButton-default-border        : 0;
+    -GtkButton-default-outside-border: 0;
+    -GtkButton-default-spacing       : 10;
+    -GtkWidget-focus-line-width      : 1;
+    -GtkWidget-focus-padding         : 0;
+    -GtkCheckButton-indicator-size   : 14;
+    -GtkMenuBar-shadow-type          : out;
+    -GtkMenuItem-selected-shadow-type: out;
+    /*GtkPaned::handle_full_size     : 1*/
+    -GtkPaned-handle-size            : 8;
+    -GtkRange-slider-width           : 15;
+    -GtkRange-stepper-size           : 15;
+    -GtkRange-stepper-spacing        : 0;
+    -GtkRange-trough-border          : 0;
+    -GtkScrollbar-min-slider-length  : 20;
+    -GtkToolbar-shadow-type          : out;
+    -GtkWidget-focus-line-width      : 1;
+    -GtkWidget-focus-padding         : 2;
+    -GtkWidget-interior-focus        : 5;
+    -GtkWidget-internal-padding      : 0;
+
+    border-width: 2 2;
+
+    color: @fg_normal;
+    background-color: @bg_normal;
+    border-color: darker(@bg_normal);
+}
+
+*:active {
+    color: @fg_active;
+    background-color: @bg_active;
+    border-color: darker(@bg_active);
+}
+
+*:insensitive {
+    color: @fg_insensitive;
+    background-color: @bg_insensitive;
+    border-color: darker(@bg_insensitive);
+    text-shadow: 1 1 white
+}
+
+*:hover {
+    color: @fg_prelight;
+    background-color: @bg_prelight;
+    border-color: darker(@bg_prelight);
+}
+
+*:selected {
+    color: @fg_selected;
+    background-color: @bg_selected;
+    border-color: darker(@bg_selected);
+}
+
+.view, .entry {
+    color: @text_normal;
+    background-color: @base_normal;
+    border-color: darker(@bg_normal);
+
+    border-width: 3 3;
+}
+
+.view:active, .entry:active {
+    color: #000000;
+    background-color: @base_active;
+    border-color: darker(@bg_normal);
+}
+
+.view:insensitive, .entry:insensitive {
+    color: @text_insensitive;
+    background-color: @base_insensitive;
+    border-color: darker(@bg_normal);
+}
+
+.view:hover, .entry:hover {
+    color: #ffffff;
+    background-color: @base_prelight;
+    border-color: darker(@bg_normal);
+}
+
+.view:selected, .entry:selected {
+    color: @text_selected;
+    background-color: @base_selected;
+    border-color: darker(@bg_normal);
+}
+
+.view row:nth-child(odd) {
+    background-color: shade(@base_normal, 0.93);
+}
+
+.view row:nth-child(odd):active {
+    background-color: shade(@base_active, 0.93);
+}
+
+.view row:nth-child(odd):insensitive {
+    background-color: shade(@base_insensitive, 0.93);
+}
+
+.view row:nth-child(odd):hover {
+    background-color: shade(@base_prelight, 0.93);
+}
+
+.view row:nth-child(odd):selected {
+    background-color: shade(@base_selected, 0.93);
+}
+
+GtkCalendar {
+    color: @text_normal;
+}
+
+.header {
+    color: @fg_normal;
+}
+
+GtkCalendar:active {
+    color: @text_active;
+}
+
+GtkCalendar:insensitive {
+    color: @text_insensitive;
+}
+
+GtkCalendar:hover {
+    color: @text_prelight;
+}
+
+GtkCalendar:selected {
+    color: @text_selected;
+}
+
+.highlight {
+    color: @text_active;
+    background-color: @base_active;
+}
+
+GtkCalendar:inconsistent {
+    color: mix(lighter(@bg_normal), darker(@bg_normal), 0.5);
+}
+
+GtkCalendar:selected {
+    color: @text_active;
+    background-color: @base_active;
+}
+
+.check, .radio {
+    color: @text_normal;
+    background-color: @base_normal;
+    border-color: @fg_normal;
+}
+
+.check:active, .radio:active {
+    color: @text_normal;
+    background-color: @base_normal;
+    border-color: @fg_normal;
+}
+
+.check:insensitive, .radio:insensitive {
+    color: @text_insensitive;
+    background-color: @base_insensitive;
+    border-color: @fg_insensitive;
+}
+
+.check:hover, .radio:hover {
+    color: @text_prelight;
+    background-color: @base_prelight;
+    border-color: @fg_prelight;
+}
+
+.check:selected, .radio:selected {
+    color: @text_active;
+    background-color: @base_active;
+    border-color: @fg_active;
+}
+
+.cell {
+    color: @text_normal;
+}
+
+.cell:active {
+    color: @text_active;
+}
+
+.cell:insensitive {
+    color: @text_insensitive;
+}
+
+.cell:hover {
+    color: @text_prelight;
+}
+
+.cell:selected {
+    color: @text_selected;
+}
+
+.spinbutton.button {
+    color: @fg_normal;
+    background-color: @bg_normal;
+}
+
+.spinbutton.button:active {
+    color: @fg_active;
+    background-color: @bg_active;
+}
+
+.spinbutton.button:insensitive {
+    color: @fg_insensitive;
+    background-color: @bg_insensitive;
+}
+
+.spinbutton.button:hover {
+    color: @fg_prelight;
+    background-color: @bg_prelight;
+}
+
+.spinbutton.button:selected {
+    color: @fg_selected;
+    background-color: @bg_selected;
+}
+
+.progressbar {
+    color: #ffffff;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#606080, 0.8)), to(shade(#606080, 1.8)));
+    border-color: darker(#606080);
+
+    border-width: 1 1;
+}
+
+.trough {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_normal, 0.8)), to(shade(@bg_normal, 1.8)));
+}
+
+.scrollbar.trough {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(@bg_active, 0.8)), to(shade(@bg_active, 1.8)));
+    border-color: darker(@bg_active);
+
+    border-width: 2 2;
+}
+
+.scale.trough {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(@bg_active, 0.8)), to(shade(@bg_active, 1.8)));
+    border-color: darker(@bg_active);
+}
+
+.scrollbar.trough.horizontal {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_active, 0.8)), to(shade(@bg_active, 1.8)));
+}
+
+.scale.trough.horizontal {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_active, 0.8)), to(shade(@bg_active, 1.8)));
+}
+
+.notebook tab {
+    color: @fg_active;
+    background-color: @bg_active;
+    border-color: darker(@bg_active);
+}
+
+.notebook tab:active {
+    color: @fg_normal;
+    background-color: @bg_normal;
+    border-color: darker(@bg_normal);
+}
+
+.menubar, .dock, .toolbar {
+    border-width: 1 2;
+}
+
+.menubar:active, .dock:active, .toolbar:active {
+    color: #000000;
+    background-color: #bfbdbb;
+    border-color: darker(#bfbdbb);
+}
+
+.menubar:hover, .dock:hover, .toolbar:hover {
+    color: #ffffff;
+    background-color: #606080;
+    border-color: darker(#606080);
+}
+
+.menuitem {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_normal, 0.8)), to(shade(@bg_normal, 1.8)));
+
+    border-width: 2 2;
+}
+
+.menuitem:active {
+    color: #000000;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#bfbdbb, 1.8)), to(shade(#bfbdbb, 0.8)));
+    border-color: darker(#bfbdbb);
+}
+
+.menuitem:insensitive {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_insensitive, 0.8)), to(shade(@bg_insensitive, 1.8)));
+}
+
+.menuitem:hover {
+    color: #ffffff;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#606080, 0.8)), to(shade(#606080, 1.8)));
+    border-color: darker(#606080);
+}
+
+.menuitem:selected {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_selected, 1.8)), to(shade(@bg_selected, 0.8)));
+}
+
+.button.horizontal, .scrollbar.slider.horizontal {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_normal, 0.8)), to(shade(@bg_normal, 1.8)));
+
+    border-width: 2 2;
+}
+
+.button.horizontal:active, .scrollbar.slider.horizontal:active {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_active, 1.8)), to(shade(@bg_active, 0.8)));
+}
+
+.button.horizontal:insensitive, .scrollbar.slider.horizontal:insensitive {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_insensitive, 0.8)), to(shade(@bg_insensitive, 1.8)));
+}
+
+.button.horizontal:hover, .scrollbar.slider.horizontal:hover {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_prelight, 0.8)), to(shade(@bg_prelight, 1.8)));
+}
+
+.button.horizontal:selected, .scrollbar.slider.horizontal:selected {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_selected, 1.8)), to(shade(@bg_selected, 0.8)));
+}
+
+.button.vertical, .scrollbar.slider.vertical {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(@bg_normal, 0.8)), to(shade(@bg_normal, 1.8)));
+
+    border-width: 2 2;
+}
+
+.button.vertical:active, .scrollbar.slider.vertical:active {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(@bg_active, 1.8)), to(shade(@bg_active, 0.8)));
+}
+
+.button.vertical:insensitive, .scrollbar.slider.vertical:insensitive {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(@bg_insensitive, 0.8)), to(shade(@bg_insensitive, 1.8)));
+}
+
+.button.vertical:hover, .scrollbar.slider.vertical:hover {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(@bg_prelight, 0.8)), to(shade(@bg_prelight, 1.8)));
+}
+
+.button.vertical:selected, .scrollbar.slider.vertical:selected {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(@bg_selected, 1.8)), to(shade(@bg_selected, 0.8)));
+}
+
+.button, .scale {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_normal, 0.8)), to(shade(#fafaf2, 1.8)));
+
+    border-width: 3 3;
+}
+
+.button:active, .scale:active {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#bfbdbb, 1.8)), to(shade(#bfbdbb, 0.8)));
+    border-color: darker(#bfbdbb);
+}
+
+.button:insensitive, .scale:insensitive {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_insensitive, 0.8)), to(shade(@bg_insensitive, 1.8)));
+}
+
+.button:hover, .scale:hover {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#606080, 0.8)), to(shade(#606080, 1.8)));
+    border-color: darker(#606080);
+}
+
+.button:selected, .scale:selected {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_selected, 1.8)), to(shade(@bg_selected, 0.8)));
+}
diff --git a/themes/xfce-4.2/Makefile.am b/themes/xfce-4.2/Makefile.am
index 68b5c84..c12c508 100644
--- a/themes/xfce-4.2/Makefile.am
+++ b/themes/xfce-4.2/Makefile.am
@@ -1,3 +1,4 @@
-SUBDIRS = gtk-2.0
+SUBDIRS = $(GTK_SUBDIRS)
+DIST_SUBDIRS = gtk-2.0 gtk-3.0
 themedir = $(datadir)/themes/Xfce-4.2
 
diff --git a/themes/xfce-4.2/gtk-3.0/Makefile.am b/themes/xfce-4.2/gtk-3.0/Makefile.am
new file mode 100644
index 0000000..41e48e4
--- /dev/null
+++ b/themes/xfce-4.2/gtk-3.0/Makefile.am
@@ -0,0 +1,5 @@
+themedir = $(datadir)/themes/Xfce-4.2/gtk-3.0
+theme_DATA = gtk.css
+
+EXTRA_DIST = $(theme_DATA)
+
diff --git a/themes/xfce-4.2/gtk-3.0/gtk.css b/themes/xfce-4.2/gtk-3.0/gtk.css
new file mode 100644
index 0000000..9cc3813
--- /dev/null
+++ b/themes/xfce-4.2/gtk-3.0/gtk.css
@@ -0,0 +1,446 @@
+/* Created June 2005 by Olivier Fourdan
+ * Ported from gtk-2.0 to gtk-3.0 by Peter de Ridder <peter@xfce.org>
+ * Released under the GPL license
+ */
+
+@define-color fg_active #000000;
+@define-color fg_insensitive #8e8e8a;
+@define-color fg_normal #000000;
+@define-color fg_prelight #000000;
+@define-color fg_selected #ffffff;
+
+@define-color bg_active #e6e8ea;
+@define-color bg_insensitive #edeff2;
+@define-color bg_normal #edeff2;
+@define-color bg_prelight #f2f4f7;
+@define-color bg_selected #5582c2;
+
+@define-color base_active #d3d7e0;
+@define-color base_insensitive #edeff2;
+@define-color base_normal #ffffff;
+@define-color base_prelight #e6e8ea;
+@define-color base_selected #5582c2;
+
+@define-color text_active #000000;
+@define-color text_insensitive #000000;
+@define-color text_normal #000000;
+@define-color text_prelight #000000;
+@define-color text_selected #ffffff;
+
+* {
+    engine: xfce;
+
+    -xfce-smooth-edge: true;
+    -xfce-grip-style: disabled;
+
+    -GtkButton-default-border        : 0;
+    -GtkButton-default-outside-border: 0;
+    -GtkButton-child-displacement-x  : 0;
+    -GtkButton-child-displacement-y  : 1;
+    -GtkButton-default-spacing       : 5;
+    -GtkCheckButton-indicator-size   : 12;
+    -GtkMenuBar-internal-padding     : 2;
+    -GtkMenuBar-shadow-type          : out;
+    -GtkHandleBox-shadow-type        : out;
+    -GtkMenuItem-selected-shadow-type: etched-in;
+    /*GtkPaned::handle_full_size     : 1*/
+    -GtkPaned-handle-full-size       : 7;
+    -GtkRange-slider-width           : 15;
+    -GtkRange-stepper-size           : 15;
+    -GtkRange-stepper-spacing        : 0;
+    -GtkRange-trough-border          : 0;
+    -GtkScrollbar-has_backward_stepper: 1;
+    -GtkScrollbar-min-slider-length  : 20;
+    -GtkToolbar-shadow-type          : out;
+    -GtkWidget-focus-line-width      : 1;
+    -GtkWidget-focus-padding         : 4;
+    -GtkWidget-interior-focus        : 5;
+    -GtkWidget-internal-padding      : 4;
+
+    border-width: 2 2;
+
+    color: @fg_normal;
+    background-color: @bg_normal;
+    border-color: darker(@bg_normal);
+}
+
+*:active {
+    color: @fg_active;
+    background-color: @bg_active;
+    border-color: darker(@bg_active);
+}
+
+*:insensitive {
+    color: @fg_insensitive;
+    background-color: @bg_insensitive;
+    border-color: darker(@bg_insensitive);
+    text-shadow: 1 1 white
+}
+
+*:hover {
+    color: @fg_prelight;
+    background-color: @bg_prelight;
+    border-color: darker(@bg_prelight);
+}
+
+*:selected {
+    color: @fg_selected;
+    background-color: @bg_selected;
+    border-color: darker(@bg_selected);
+}
+
+.view, .entry {
+    color: @text_normal;
+    background-color: @base_normal;
+    border-color: darker(@bg_normal);
+}
+
+.view:active, .entry:active {
+    color: @text_active;
+    background-color: @base_active;
+    border-color: darker(@bg_normal);
+}
+
+.view:insensitive, .entry:insensitive {
+    color: @text_insensitive;
+    background-color: @base_insensitive;
+    border-color: darker(@bg_normal);
+}
+
+.view:hover, .entry:hover {
+    color: #ffffff;
+    background-color: #5582c2;
+    border-color: darker(@bg_normal);
+}
+
+.view:selected, .entry:selected {
+    color: @text_selected;
+    background-color: @base_selected;
+    border-color: darker(@bg_normal);
+}
+
+.view row:nth-child(odd) {
+    background-color: shade(@base_normal, 0.93);
+}
+
+.view row:nth-child(odd):active {
+    background-color: shade(@base_active, 0.93);
+}
+
+.view row:nth-child(odd):insensitive {
+    background-color: shade(@base_insensitive, 0.93);
+}
+
+.view row:nth-child(odd):hover {
+    background-color: shade(@base_prelight, 0.93);
+}
+
+.view row:nth-child(odd):selected {
+    background-color: shade(@base_selected, 0.93);
+}
+
+GtkCalendar {
+    color: @text_normal;
+}
+
+.header {
+    color: @fg_normal;
+}
+
+GtkCalendar:active {
+    color: @text_active;
+}
+
+GtkCalendar:insensitive {
+    color: @text_insensitive;
+}
+
+GtkCalendar:hover {
+    color: @text_prelight;
+}
+
+GtkCalendar:selected {
+    color: @text_selected;
+}
+
+.highlight {
+    color: @text_active;
+    background-color: @base_active;
+}
+
+GtkCalendar:inconsistent {
+    color: mix(lighter(@bg_normal), darker(@bg_normal), 0.5);
+}
+
+GtkCalendar:selected {
+    color: @text_active;
+    background-color: @base_active;
+}
+
+.check, .radio {
+    color: @text_normal;
+    background-color: @base_normal;
+    border-color: @fg_normal;
+}
+
+.check:active, .radio:active {
+    color: @text_normal;
+    background-color: @base_normal;
+    border-color: @fg_normal;
+}
+
+.check:insensitive, .radio:insensitive {
+    color: @text_insensitive;
+    background-color: @base_insensitive;
+    border-color: @fg_insensitive;
+}
+
+.check:hover, .radio:hover {
+    color: @text_prelight;
+    background-color: @base_prelight;
+    border-color: @fg_prelight;
+}
+
+.check:selected, .radio:selected {
+    color: @text_active;
+    background-color: @base_active;
+    border-color: @fg_active;
+}
+
+.cell {
+    color: @text_normal;
+}
+
+.cell:active {
+    color: @text_active;
+}
+
+.cell:insensitive {
+    color: @text_insensitive;
+}
+
+.cell:hover {
+    color: @text_prelight;
+}
+
+.cell:selected {
+    color: @text_selected;
+}
+
+.spinbutton.button {
+    color: @fg_normal;
+    background-color: @bg_normal;
+}
+
+.spinbutton.button:active {
+    color: @fg_active;
+    background-color: @bg_active;
+}
+
+.spinbutton.button:insensitive {
+    color: @fg_insensitive;
+    background-color: @bg_insensitive;
+}
+
+.spinbutton.button:hover {
+    color: @fg_prelight;
+    background-color: @bg_prelight;
+}
+
+.spinbutton.button:selected {
+    color: @fg_selected;
+    background-color: @bg_selected;
+}
+
+.progressbar {
+    background-color: #5582c2;
+    border-color: darker(#5582c2);
+
+    border-width: 0 0;
+}
+
+.trough {
+    background-color: #d3d7e0;
+    border-color: darker(#d3d7e0);
+}
+
+.scale.trough, .scrollbar.trough {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#edeff2, 0.95)), to(shade(#edeff2, 1.1)));
+    border-color: darker(#edeff2);
+}
+
+.scale.trough.vertical, .scrollbar.trough.vertical {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#edeff2, 0.95)), to(shade(#edeff2, 1.1)));
+    border-color: darker(#edeff2);
+}
+
+.notebook {
+    background-color: #f5f5f5;
+    border-color: darker(#f5f5f5);
+}
+
+.notebook tab {
+    color: @fg_active;
+    background-color: #d3d7e0;
+    border-color: darker(#d3d7e0);
+}
+
+.notebook tab:active {
+    color: @fg_normal;
+    background-color: #f5f5f5;
+    border-color: darker(#f5f5f5);
+}
+
+.menu {
+    background-color: #ffffff;
+    border-color: darker(#ffffff);
+}
+
+.menu:active {
+    color: #ffffff;
+    background-color: #d3d7e0;
+    border-color: darker(#d3d7e0);
+}
+
+.menu:insensitive {
+    background-color: #ffffff;
+    border-color: darker(#ffffff);
+}
+
+.menu:hover {
+    color: #ffffff;
+    background-color: #5582c2;
+    border-color: darker(#5582c2);
+}
+
+.menu:selected {
+    background-color: @bg_selected;
+    border-color: darker(@bg_selected);
+}
+
+.menuitem {
+    background-color: #ffffff;
+    border-color: darker(#ffffff);
+
+    border-width: 1 2;
+}
+
+.menuitem:active {
+    color: #ffffff;
+    background-color: #d3d7e0;
+    border-color: darker(#d3d7e0);
+}
+
+.menuitem:insensitive {
+    background-color: #ffffff;
+    border-color: darker(#ffffff);
+}
+
+.menuitem:hover {
+    color: #ffffff;
+    background-color: #5582c2;
+    border-color: darker(#5582c2);
+}
+
+.menuitem:selected {
+    background-color: @bg_selected;
+    border-color: darker(@bg_selected);
+}
+
+.menubar:active .toolbar:active {
+    color: #ffffff;
+    background-color: #d3d7e0;
+    border-color: darker(#d3d7e0);
+}
+
+
+.menubar:hover .toolbar:hover {
+    color: #ffffff;
+    background-color: #5582c2;
+    border-color: darker(#5582c2);
+}
+
+.button {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#e6e8ea, 1.1)), to(shade(#e6e8ea, 0.95)));
+    border-color: darker(#e6e8ea);
+
+    -GtkWidget-focus-padding: 1;
+}
+
+.button:active {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#c2cacf, 0.95)), to(shade(#c2cacf, 1.1)));
+    border-color: darker(#c2cacf);
+}
+
+.button:insensitive {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_insensitive, 1.1)), to(shade(@bg_insensitive, 0.95)));
+    border-color: darker(@bg_insensitive);
+}
+
+.button:hover {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#f2f4f7, 1.1)), to(shade(#f2f4f7, 0.95)));
+    border-color: darker(#f2f4f7);
+}
+
+.button:selected {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_selected, 0.95)), to(shade(@bg_selected, 1.1)));
+    border-color: darker(@bg_selected);
+}
+
+.button.horizontal, .slider.horizontal {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#e6e8ea, 1.1)), to(shade(#e6e8ea, 0.95)));
+    border-color: darker(#e6e8ea);
+}
+
+.button.horizontal:active, .slider.horizontal:active {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#edeff2, 0.95)), to(shade(#edeff2, 1.1)));
+    border-color: darker(#edeff2);
+}
+
+.button.horizontal:insensitive, .slider.horizontal:insensitive {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_insensitive, 1.1)), to(shade(@bg_insensitive, 0.95)));
+    border-color: darker(@bg_insensitive);
+}
+
+.button.horizontal:hover, .slider.horizontal:hover {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#f2f4f7, 1.1)), to(shade(#f2f4f7, 0.95)));
+    border-color: darker(#f2f4f7);
+}
+
+.button.horizontal:selected, .slider.horizontal:selected {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_selected, 0.95)), to(shade(@bg_selected, 1.1)));
+    border-color: darker(@bg_selected);
+}
+
+.button.vertical, .slider.vertical {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#e6e8ea, 1.1)), to(shade(#e6e8ea, 0.95)));
+    border-color: darker(#e6e8ea);
+}
+
+.button.vertical:active, .slider.vertical:active {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#edeff2, 0.95)), to(shade(#edeff2, 1.1)));
+    border-color: darker(#edeff2);
+}
+
+.button.vertical:insensitive, .slider.vertical:insensitive {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(@bg_insensitive, 1.1)), to(shade(@bg_insensitive, 0.95)));
+    border-color: darker(@bg_insensitive);
+}
+
+.button.vertical:hover, .slider.vertical:hover {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#f2f4f7, 1.1)), to(shade(#f2f4f7, 0.95)));
+    border-color: darker(#f2f4f7);
+}
+
+.button.vertical:selected, .slider.vertical:selected {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(@bg_selected, 0.95)), to(shade(@bg_selected, 1.1)));
+    border-color: darker(@bg_selected);
+}
+
+.dock {
+    border-width: 0 2;
+}
+
+.radio {
+    -GtkCheckButton-indicator-size: 14;
+}
diff --git a/themes/xfce-4.4/Makefile.am b/themes/xfce-4.4/Makefile.am
index 85df91b..de33bfb 100644
--- a/themes/xfce-4.4/Makefile.am
+++ b/themes/xfce-4.4/Makefile.am
@@ -1,3 +1,4 @@
-SUBDIRS = gtk-2.0
+SUBDIRS = $(GTK_SUBDIRS)
+DIST_SUBDIRS = gtk-2.0 gtk-3.0
 themedir = $(datadir)/themes/Xfce-4.4
 
diff --git a/themes/xfce-4.4/gtk-3.0/Makefile.am b/themes/xfce-4.4/gtk-3.0/Makefile.am
new file mode 100644
index 0000000..12416e9
--- /dev/null
+++ b/themes/xfce-4.4/gtk-3.0/Makefile.am
@@ -0,0 +1,5 @@
+themedir = $(datadir)/themes/Xfce-4.4/gtk-3.0
+theme_DATA = gtk.css
+
+EXTRA_DIST = $(theme_DATA)
+
diff --git a/themes/xfce-4.4/gtk-3.0/gtk.css b/themes/xfce-4.4/gtk-3.0/gtk.css
new file mode 100644
index 0000000..4279822
--- /dev/null
+++ b/themes/xfce-4.4/gtk-3.0/gtk.css
@@ -0,0 +1,467 @@
+/* Created July 2006
+ * Modified Dec. 2006
+ * Modified Jan. 2007
+ * Olivier Fourdan <fourdan@xfce.org>
+ * Based on Tango color scheme http://tango-project.org 
+ * Ported from gtk-2.0 to gtk-3.0 by Peter de Ridder <peter@xfce.org>
+ * Released under the GPL license
+ */
+
+@define-color fg_active #000000;
+@define-color fg_insensitive #888a85;
+@define-color fg_normal #101010;
+@define-color fg_prelight #101010;
+@define-color fg_selected #000000;
+
+@define-color bg_active #d3d7cf;
+@define-color bg_insensitive #eeeeec;
+@define-color bg_normal #eeeeec;
+@define-color bg_prelight #eeeeec;
+@define-color bg_selected #d3d7cf;
+
+@define-color base_active #d3d7cf;
+@define-color base_insensitive #eeeeec;
+@define-color base_normal #ffffff;
+@define-color base_prelight #eeeeec;
+@define-color base_selected #3465a4;
+
+@define-color text_active #101010;
+@define-color text_insensitive #101010;
+@define-color text_normal #101010;
+@define-color text_prelight #101010;
+@define-color text_selected #ffffff;
+
+* {
+    engine: xfce;
+
+    -xfce-smooth-edge: true;
+    -xfce-grip-style: disabled;
+
+    -GtkWidget-focus-line-width      : 1;
+    -GtkWidget-focus-padding         : 4;
+    -GtkWidget-interior-focus        : 5;
+    -GtkWidget-internal-padding      : 4;
+    -GtkButton-default-border        : 0;
+    -GtkButton-default-outside-border: 0;
+    -GtkButton-child-displacement-x  : 0;
+    -GtkButton-child-displacement-y  : 1;
+    -GtkButton-default-spacing       : 5;
+    -GtkButton-focus-padding         : 1;
+    -GtkCheckButton-indicator-size   : 12;
+    -GtkMenuItem-selected-shadow-type: etched-in;
+    /*GtkPaned::handle_full_size     : 1*/
+    -GtkPaned-handle-full-size       : 7;
+    -GtkRange-slider-width           : 15;
+    -GtkRange-stepper-size           : 15;
+    -GtkRange-stepper-spacing        : 0;
+    -GtkRange-trough-border          : 0;
+    -GtkScrollbar-has-backward-stepper: 1;
+    -GtkScrollbar-min-slider-length  : 20;
+
+    border-width: 2 2;
+
+    color: @fg_normal;
+    background-color: @bg_normal;
+    border-color: darker(@bg_normal);
+}
+
+*:active {
+    color: @fg_active;
+    background-color: @bg_active;
+    border-color: darker(@bg_active);
+}
+
+*:insensitive {
+    color: @fg_insensitive;
+    background-color: @bg_insensitive;
+    border-color: darker(@bg_insensitive);
+    text-shadow: 1 1 white
+}
+
+*:hover {
+    color: @fg_prelight;
+    background-color: @bg_prelight;
+    border-color: darker(@bg_prelight);
+}
+
+*:selected {
+    color: @fg_selected;
+    background-color: @bg_selected;
+    border-color: darker(@bg_selected);
+}
+
+.view, .entry {
+    color: @text_normal;
+    background-color: @base_normal;
+    border-color: darker(@bg_normal);
+}
+
+.view:active, .entry:active {
+    color: @text_active;
+    background-color: @base_active;
+    border-color: darker(@bg_normal);
+}
+
+.view:insensitive, .entry:insensitive {
+    color: @text_insensitive;
+    background-color: @base_insensitive;
+    border-color: darker(@bg_normal);
+}
+
+.view:hover, .entry:hover {
+    color: @text_prelight;
+    background-color: @base_prelight;
+    border-color: darker(@bg_normal);
+}
+
+.view:selected, .entry:selected {
+    color: @text_selected;
+    background-color: @base_selected;
+    border-color: darker(@bg_normal);
+}
+
+.view row:nth-child(odd) {
+    background-color: shade(@base_normal, 0.93);
+}
+
+.view row:nth-child(odd):active {
+    background-color: shade(@base_active, 0.93);
+}
+
+.view row:nth-child(odd):insensitive {
+    background-color: shade(@base_insensitive, 0.93);
+}
+
+.view row:nth-child(odd):hover {
+    background-color: shade(@base_prelight, 0.93);
+}
+
+.view row:nth-child(odd):selected {
+    background-color: shade(@base_selected, 0.93);
+}
+
+GtkCalendar {
+    color: @text_normal;
+}
+
+.header {
+    color: @fg_normal;
+}
+
+GtkCalendar:active {
+    color: @text_active;
+}
+
+GtkCalendar:insensitive {
+    color: @text_insensitive;
+}
+
+GtkCalendar:hover {
+    color: @text_prelight;
+}
+
+GtkCalendar:selected {
+    color: @text_selected;
+}
+
+.highlight {
+    color: @text_active;
+    background-color: @base_active;
+}
+
+GtkCalendar:inconsistent {
+    color: mix(lighter(@bg_normal), darker(@bg_normal), 0.5);
+}
+
+GtkCalendar:selected {
+    color: @text_active;
+    background-color: @base_active;
+}
+
+.check, .radio {
+    color: @text_normal;
+    background-color: @base_normal;
+    border-color: @fg_normal;
+}
+
+.check:active, .radio:active {
+    color: @text_normal;
+    background-color: @base_normal;
+    border-color: @fg_normal;
+}
+
+.check:insensitive, .radio:insensitive {
+    color: @text_insensitive;
+    background-color: @base_insensitive;
+    border-color: @fg_insensitive;
+}
+
+.check:hover, .radio:hover {
+    color: @text_prelight;
+    background-color: @base_prelight;
+    border-color: @fg_prelight;
+}
+
+.check:selected, .radio:selected {
+    color: @text_active;
+    background-color: @base_active;
+    border-color: @fg_active;
+}
+
+.cell {
+    color: @text_normal;
+}
+
+.cell:active {
+    color: @text_active;
+}
+
+.cell:insensitive {
+    color: @text_insensitive;
+}
+
+.cell:hover {
+    color: @text_prelight;
+}
+
+.cell:selected {
+    color: @text_selected;
+}
+
+.spinbutton.button {
+    color: @fg_normal;
+    background-color: @bg_normal;
+}
+
+.spinbutton.button:active {
+    color: @fg_active;
+    background-color: @bg_active;
+}
+
+.spinbutton.button:insensitive {
+    color: @fg_insensitive;
+    background-color: @bg_insensitive;
+}
+
+.spinbutton.button:hover {
+    color: @fg_prelight;
+    background-color: @bg_prelight;
+}
+
+.spinbutton.button:selected {
+    color: @fg_selected;
+    background-color: @bg_selected;
+}
+
+.progressbar {
+    color: #4e9a06;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#8ae234, 1.1)), to(shade(#8ae234, 0.95)));
+    border-color: darker(#8ae234);
+
+    border-width: 0 0;
+}
+
+.progressbar.vertical {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#8ae234, 1.1)), to(shade(#8ae234, 0.95)));
+}
+
+.trough {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#e8e8e6, 0.95)), to(shade(#e8e8e6, 1.1)));
+    border-color: darker(#e8e8e6);
+}
+
+.trough.vertical {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#e8e8e6, 0.95)), to(shade(#e8e8e6, 1.1)));
+}
+
+.notebook {
+    color: #101010;
+    background-color: #ffffff;
+    border-color: darker(#ffffff);
+}
+
+.notebook tab {
+    color: @fg_active;
+    background-color: #e8e8e6;
+    border-color: darker(#e8e8e6);
+}
+
+.notebook tab:active {
+    color: #101010;
+    background-color: #ffffff;
+    border-color: darker(#ffffff);
+}
+
+.menu {
+    background-color: #ffffff;
+    border-color: darker(#ffffff);
+}
+
+.menu:active {
+    background-color: @bg_active;
+    border-color: darker(@bg_active);
+}
+
+.menu:insensitive {
+    background-color: #ffffff;
+    border-color: darker(#ffffff);
+}
+
+.menu:hover {
+    background-color: #d3d7cf;
+    border-color: darker(#d3d7cf);
+}
+
+.menu:selected {
+    color: #000000;
+    background-color: @bg_selected;
+    border-color: darker(@bg_selected);
+}
+
+.menuitem {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#ffffff, 1.1)), to(shade(#ffffff, 0.95)));
+    border-color: darker(#ffffff);
+
+    border-width: 1 2;
+    -GtkWidget-internal-padding: 5;
+}
+
+.menuitem:active {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_active, 0.95)), to(shade(@bg_active, 1.1)));
+    border-color: darker(@bg_active);
+}
+
+.menuitem:insensitive {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#ffffff, 1.1)), to(shade(#ffffff, 0.95)));
+    border-color: darker(#ffffff);
+}
+
+.menuitem:hover {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#d3d7cf, 1.1)), to(shade(#d3d7cf, 0.95)));
+    border-color: darker(#d3d7cf);
+}
+
+.menuitem:selected {
+    color: #000000;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_selected, 0.95)), to(shade(@bg_selected, 1.1)));
+    border-color: darker(@bg_selected);
+}
+
+.menubar {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#eeeeec, 1.2)), to(shade(#eeeeec, 0.9)));
+    border-color: darker(#eeeeec);
+
+    border-width: 1 3;
+}
+
+.menubar:active {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_active, 0.9)), to(shade(@bg_active, 1.2)));
+    border-color: darker(@bg_active);
+}
+
+.menubar:insensitive {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#eeeeec, 1.2)), to(shade(#eeeeec, 0.9)));
+    border-color: darker(#eeeeec);
+}
+
+.menubar:hover {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#d3d7cf, 1.2)), to(shade(#d3d7cf, 0.9)));
+    border-color: darker(#d3d7cf);
+}
+
+.menubar:selected {
+    color: #000000;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_selected, 0.9)), to(shade(@bg_selected, 1.2)));
+    border-color: darker(@bg_selected);
+}
+
+.button {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#eeeeec, 1.1)), to(shade(#eeeeec, 0.95)));
+    border-color: darker(#eeeeec);
+}
+
+.button:active {
+    color: #000000;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#d3d7cf, 0.95)), to(shade(#d3d7cf, 1.1)));
+    border-color: darker(#d3d7cf);
+}
+
+.button:insensitive {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_insensitive, 1.1)), to(shade(@bg_insensitive, 0.95)));
+    border-color: darker(@bg_insensitive);
+}
+
+.button:hover {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#d3d7cf, 0.95)), to(shade(#d3d7cf, 1.1)));
+    border-color: darker(#d3d7cf);
+}
+
+.button:selected {
+    color: #ffffff;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#3465a4, 1.1)), to(shade(#3465a4, 0.95)));
+    border-color: darker(#3465a4);
+}
+
+.tooltip {
+    color: #101010;
+    background-color: #ffffdf;
+    border-color: darker(#ffffdf);
+}
+
+.scrollbar {
+    -xfce-grip-style: rough;
+}
+
+.button.horizontal, .slider.horizontal {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#d3d7cf, 1.1)), to(shade(#d3d7cf, 0.95)));
+    border-color: darker(#d3d7cf);
+}
+
+.button.horizontal:active, .slider.horizontal:active {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#e8e8e6, 0.95)), to(shade(#e8e8e6, 1.1)));
+    border-color: darker(#e8e8e6);
+}
+
+.button.horizontal:insensitive, .slider.horizontal:insensitive {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_insensitive, 1.1)), to(shade(@bg_insensitive, 0.95)));
+    border-color: darker(@bg_insensitive);
+}
+
+.button.horizontal:hover, .slider.horizontal:hover {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#d3d7cf, 1.1)), to(shade(#d3d7cf, 0.95)));
+    border-color: darker(#d3d7cf);
+}
+
+.button.horizontal:selected, .slider.horizontal:selected {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_selected, 0.95)), to(shade(@bg_selected, 1.1)));
+    border-color: darker(@bg_selected);
+}
+
+.button.vertical, .slider.vertical {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#d3d7cf, 1.1)), to(shade(#d3d7cf, 0.95)));
+    border-color: darker(#d3d7cf);
+}
+
+.button.vertical:active, .slider.vertical:active {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#e8e8e6, 0.95)), to(shade(#e8e8e6, 1.1)));
+    border-color: darker(#e8e8e6);
+}
+
+.button.vertical:insensitive, .slider.vertical:insensitive {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(@bg_insensitive, 1.1)), to(shade(@bg_insensitive, 0.95)));
+    border-color: darker(@bg_insensitive);
+}
+
+.button.vertical:hover, .slider.vertical:hover {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#d3d7cf, 1.1)), to(shade(#d3d7cf, 0.95)));
+    border-color: darker(#d3d7cf);
+}
+
+.button.vertical:selected, .slider.vertical:selected {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(@bg_selected, 0.95)), to(shade(@bg_selected, 1.1)));
+    border-color: darker(@bg_selected);
+}
+
+.radio {
+    -GtkCheckButton-indicator-size: 14;
+}
diff --git a/themes/xfce-4.6/Makefile.am b/themes/xfce-4.6/Makefile.am
index 7b4ab13..fde6903 100644
--- a/themes/xfce-4.6/Makefile.am
+++ b/themes/xfce-4.6/Makefile.am
@@ -1,3 +1,4 @@
-SUBDIRS = gtk-2.0
+SUBDIRS = $(GTK_SUBDIRS)
+DIST_SUBDIRS = gtk-2.0 gtk-3.0
 themedir = $(datadir)/themes/Xfce-4.6
 
diff --git a/themes/xfce-4.6/gtk-3.0/Makefile.am b/themes/xfce-4.6/gtk-3.0/Makefile.am
new file mode 100644
index 0000000..9d6d9b8
--- /dev/null
+++ b/themes/xfce-4.6/gtk-3.0/Makefile.am
@@ -0,0 +1,5 @@
+themedir = $(datadir)/themes/Xfce-4.6/gtk-3.0
+theme_DATA = gtk.css
+
+EXTRA_DIST = $(theme_DATA)
+
diff --git a/themes/xfce-4.6/gtk-3.0/gtk.css b/themes/xfce-4.6/gtk-3.0/gtk.css
new file mode 100644
index 0000000..d792e95
--- /dev/null
+++ b/themes/xfce-4.6/gtk-3.0/gtk.css
@@ -0,0 +1,491 @@
+/* Created July 2006
+ * Modified Dec. 2006
+ * Modified Jan. 2007
+ * Modified Jul. 2008 for xfce 4.6
+ * Modified Feb. 2009 for xfce 4.6
+ * Olivier Fourdan <fourdan@xfce.org>
+ * Ported from gtk-2.0 to gtk-3.0 by Peter de Ridder <peter@xfce.org>
+ * Released under the GPL license
+ */
+
+@define-color fg_active #000000;
+@define-color fg_insensitive #888a85;
+@define-color fg_normal #101010;
+@define-color fg_prelight #101010;
+@define-color fg_selected #000000;
+
+@define-color bg_active #d9d7d6;
+@define-color bg_insensitive #eeeeec;
+@define-color bg_normal #eeeeec;
+@define-color bg_prelight #eeeeec;
+@define-color bg_selected #d9d7d6;
+
+@define-color base_active #d9d7d6;
+@define-color base_insensitive #eeeeec;
+@define-color base_normal #ffffff;
+@define-color base_prelight #eeeeec;
+@define-color base_selected #bad8ff;
+
+@define-color text_active #101010;
+@define-color text_insensitive #101010;
+@define-color text_normal #101010;
+@define-color text_prelight #101010;
+@define-color text_selected #101010;
+
+* {
+    engine: xfce;
+
+    -xfce-smooth-edge: true;
+    -xfce-grip-style: disabled;
+
+    -GtkWidget-focus-line-width      : 1;
+    -GtkWidget-focus-padding         : 0;
+    -GtkWidget-interior-focus        : 0;
+    -GtkWidget-internal-padding      : 0;
+
+    -GtkButton-child-displacement-x  : 0;
+    -GtkButton-child-displacement-y  : 1;
+    -GtkButton-default-border        : 0;
+    -GtkButton-default-outside-border: 0;
+    /*-GtkButton-focus-line-pattern    : "\0";*/
+
+    -GtkButtonBox-child-internal-pad-x: 0;
+    -GtkButtonBox-child-internal-pad-y: 0;
+    -GtkButtonBox-child-min-height   : 0;
+    -GtkButtonBox-child-min-width    : 0;
+
+    -GtkCheckButton-indicator-size   : 12;
+    /*-GtkCheckButton-focus-line-pattern: "\1\1";*/
+
+    /*-GtkEntry-focus-line-pattern     : "\0";*/
+
+    /*-GtkRadioButton-focus-line-pattern: "\1\1";*/
+
+    -GtkExpander-expander-size       : 11;
+    -GtkExpander-expander-spacing    : 0;
+
+    -GtkMenuBar-internal-padding     : 0;
+
+    -GtkMenu-horizontal-padding      : 0;
+    -GtkMenu-vertical-padding        : 0;
+
+    -GtkMenuItem-internal-padding    : 2;
+    -GtkMenuItem-selected-shadow-type: etched-in;
+
+    -GtkOptionMenu-indicator-size    : 0;
+    -GtkOptionMenu-indicator-spacing : 0;
+
+    /*GtkPaned::handle_full_size     : 1*/
+    -GtkPaned-handle-full-size       : 3;
+
+    -GtkRange-slider-width           : 15;
+    -GtkRange-stepper-size           : 15;
+    -GtkRange-stepper-spacing        : 0;
+    -GtkRange-trough-border          : 0;
+
+    -GtkScale-trough-size-details    : 1;
+    -GtkScale-value-spacing          : 0;
+
+    -GtkScrollbar-has-backward-stepper: 1;
+    -GtkScrollbar-min-slider-length  : 20;
+
+    /*-GtkTextView-focus-line-pattern  : "\0";*/
+
+    -GtkToolbar-internal-padding     : 0;
+    -GtkToolbar-space-size           : 10;
+
+    -GtkTreeView-expander-size       : 11;
+    -GtkTreeView-horizontal-separator: 0;
+    -GtkTreeView-vertical-separator  : 0;
+
+    border-width: 2 2;
+
+    color: @fg_normal;
+    background-color: @bg_normal;
+    border-color: darker(@bg_normal);
+}
+
+*:active {
+    color: @fg_active;
+    background-color: @bg_active;
+    border-color: darker(@bg_active);
+}
+
+*:insensitive {
+    color: @fg_insensitive;
+    background-color: @bg_insensitive;
+    border-color: darker(@bg_insensitive);
+    text-shadow: 1 1 white
+}
+
+*:hover {
+    color: @fg_prelight;
+    background-color: @bg_prelight;
+    border-color: darker(@bg_prelight);
+}
+
+*:selected {
+    color: @fg_selected;
+    background-color: @bg_selected;
+    border-color: darker(@bg_selected);
+}
+
+.view, .entry {
+    color: @text_normal;
+    background-color: @base_normal;
+    border-color: darker(@bg_normal);
+}
+
+.view:active, .entry:active {
+    color: @text_active;
+    background-color: @base_active;
+    border-color: darker(@bg_normal);
+}
+
+.view:insensitive, .entry:insensitive {
+    color: @text_insensitive;
+    background-color: @base_insensitive;
+    border-color: darker(@bg_normal);
+}
+
+.view:hover, .entry:hover {
+    color: @text_prelight;
+    background-color: @base_prelight;
+    border-color: darker(@bg_normal);
+}
+
+.view:selected, .entry:selected {
+    color: @text_selected;
+    background-color: @base_selected;
+    border-color: darker(@bg_normal);
+}
+
+.view row:nth-child(odd) {
+    background-color: shade(@base_normal, 0.93);
+}
+
+.view row:nth-child(odd):active {
+    background-color: shade(@base_active, 0.93);
+}
+
+.view row:nth-child(odd):insensitive {
+    background-color: shade(@base_insensitive, 0.93);
+}
+
+.view row:nth-child(odd):hover {
+    background-color: shade(@base_prelight, 0.93);
+}
+
+.view row:nth-child(odd):selected {
+    background-color: shade(@base_selected, 0.93);
+}
+
+GtkCalendar {
+    color: @text_normal;
+}
+
+.header {
+    color: @fg_normal;
+}
+
+GtkCalendar:active {
+    color: @text_active;
+}
+
+GtkCalendar:insensitive {
+    color: @text_insensitive;
+}
+
+GtkCalendar:hover {
+    color: @text_prelight;
+}
+
+GtkCalendar:selected {
+    color: @text_selected;
+}
+
+.highlight {
+    color: @text_active;
+    background-color: @base_active;
+}
+
+GtkCalendar:inconsistent {
+    color: mix(lighter(@bg_normal), darker(@bg_normal), 0.5);
+}
+
+GtkCalendar:selected {
+    color: @text_active;
+    background-color: @base_active;
+}
+
+.check, .radio {
+    color: @text_normal;
+    background-color: @base_normal;
+    border-color: @fg_normal;
+}
+
+.check:active, .radio:active {
+    color: @text_normal;
+    background-color: @base_normal;
+    border-color: @fg_normal;
+}
+
+.check:insensitive, .radio:insensitive {
+    color: @text_insensitive;
+    background-color: @base_insensitive;
+    border-color: @fg_insensitive;
+}
+
+.check:hover, .radio:hover {
+    color: @text_prelight;
+    background-color: @base_prelight;
+    border-color: @fg_prelight;
+}
+
+.check:selected, .radio:selected {
+    color: @text_active;
+    background-color: @base_active;
+    border-color: @fg_active;
+}
+
+.cell {
+    color: @text_normal;
+}
+
+.cell:active {
+    color: @text_active;
+}
+
+.cell:insensitive {
+    color: @text_insensitive;
+}
+
+.cell:hover {
+    color: @text_prelight;
+}
+
+.cell:selected {
+    color: @text_selected;
+}
+
+.spinbutton.button {
+    color: @fg_normal;
+    background-color: @bg_normal;
+}
+
+.spinbutton.button:active {
+    color: @fg_active;
+    background-color: @bg_active;
+}
+
+.spinbutton.button:insensitive {
+    color: @fg_insensitive;
+    background-color: @bg_insensitive;
+}
+
+.spinbutton.button:hover {
+    color: @fg_prelight;
+    background-color: @bg_prelight;
+}
+
+.spinbutton.button:selected {
+    color: @fg_selected;
+    background-color: @bg_selected;
+}
+
+.progressbar {
+    color: #4e9a06;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#cce2ff, 1.1)), to(shade(#cce2ff, 0.9)));
+    border-color: darker(#cce2ff);
+
+    border-width: 0 0;
+}
+
+.progressbar.vertical {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#cce2ff, 1.1)), to(shade(#cce2ff, 0.9)));
+}
+
+.trough {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#e8e8e6, 0.9)), to(shade(#e8e8e6, 1.1)));
+    border-color: darker(#e8e8e6);
+}
+
+.trough.vertical {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#e8e8e6, 0.9)), to(shade(#e8e8e6, 1.1)));
+}
+
+.notebook {
+    color: #101010;
+    background-color: #ffffff;
+    border-color: darker(#ffffff);
+
+    border-width: 1 1;
+}
+
+.notebook tab {
+    color: @fg_active;
+    background-color: #e8e8e6;
+    border-color: darker(#e8e8e6);
+}
+
+.notebook tab:active {
+    color: #101010;
+    background-color: #ffffff;
+    border-color: darker(#ffffff);
+}
+
+.menu {
+    background-color: #fafaf7;
+    border-color: darker(#fafaf7);
+}
+
+.menuitem {
+    background-color: #fafaf7;
+    border-color: darker(#fafaf7);
+
+    border-width: 1 2;
+}
+
+.menu:active, .memuitem:active {
+    color: #101010;
+    background-color: @bg_active;
+    border-color: darker(@bg_active);
+}
+
+.menu:insensitive, .menuitem:insensitive {
+    background-color: #fafaf7;
+    border-color: darker(#fafaf7);
+}
+
+.menu:hover, .menuitem:hover {
+    color: #101010;
+    background-color: #cce2ff;
+    border-color: darker(#cce2ff);
+}
+
+.menu:selected, .menuitem:selected {
+    color: #101010;
+    background-color: @bg_selected;
+    border-color: darker(@bg_selected);
+}
+
+.menubar {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#eeeeec, 1.0)), to(shade(#eeeeec, 0.9)));
+    border-color: darker(#eeeeec);
+
+    border-width: 1 2;
+}
+
+.menubar:active {
+    color: #101010;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_active, 0.9)), to(shade(@bg_active, 1.0)));
+    border-color: darker(@bg_active);
+}
+
+.menubar:insensitive {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#eeeeec, 1.0)), to(shade(#eeeeec, 0.9)));
+    border-color: darker(#eeeeec);
+}
+
+.menubar:hover {
+    color: #101010;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#cce2ff, 1.0)), to(shade(#cce2ff, 0.9)));
+    border-color: darker(#cce2ff);
+}
+
+.menubar:selected {
+    color: #101010;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_selected, 0.9)), to(shade(@bg_selected, 1.0)));
+    border-color: darker(@bg_selected);
+}
+
+.button {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#eeeeec, 1.1)), to(shade(#eeeeec, 0.95)));
+    border-color: darker(#eeeeec);
+}
+
+.button:active {
+    color: #000000;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#d3d7cf, 0.95)), to(shade(#d3d7cf, 1.1)));
+    border-color: darker(#d3d7cf);
+}
+
+.button:insensitive {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_insensitive, 1.1)), to(shade(@bg_insensitive, 0.95)));
+    border-color: darker(@bg_insensitive);
+}
+
+.button:hover {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#d3d7cf, 0.95)), to(shade(#d3d7cf, 1.1)));
+    border-color: darker(#d3d7cf);
+}
+
+.button:selected {
+    color: #ffffff;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#3465a4, 1.1)), to(shade(#3465a4, 0.95)));
+    border-color: darker(#3465a4);
+}
+
+.tooltip {
+    color: #101010;
+    background-color: #ffffdf;
+    border-color: darker(#ffffdf);
+}
+
+.scrollbar {
+    -xfce-grip-style: rough;
+}
+
+.button.horizontal, .slider.horizontal {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#d9d7d6, 1.1)), to(shade(#d9d7d6, 0.9)));
+    border-color: darker(#d9d7d6);
+}
+
+.button.horizontal:active, .slider.horizontal:active {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#e8e8e6, 0.9)), to(shade(#e8e8e6, 1.1)));
+    border-color: darker(#e8e8e6);
+}
+
+.button.horizontal:insensitive, .slider.horizontal:insensitive {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_insensitive, 1.1)), to(shade(@bg_insensitive, 0.9)));
+    border-color: darker(@bg_insensitive);
+}
+
+.button.horizontal:hover, .slider.horizontal:hover {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#cce2ff, 1.1)), to(shade(#cce2ff, 0.9)));
+    border-color: darker(#cce2ff);
+}
+
+.button.horizontal:selected, .slider.horizontal:selected {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_selected, 0.9)), to(shade(@bg_selected, 1.1)));
+    border-color: darker(@bg_selected);
+}
+
+.button.vertical, .slider.vertical {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#d9d7d6, 1.1)), to(shade(#d9d7d6, 0.9)));
+    border-color: darker(#d9d7d6);
+}
+
+.button.vertical:active, .slider.vertical:active {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#e8e8e6, 0.9)), to(shade(#e8e8e6, 1.1)));
+    border-color: darker(#e8e8e6);
+}
+
+.button.vertical:insensitive, .slider.vertical:insensitive {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(@bg_insensitive, 1.1)), to(shade(@bg_insensitive, 0.9)));
+    border-color: darker(@bg_insensitive);
+}
+
+.button.vertical:hover, .slider.vertical:hover {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#cce2ff, 1.1)), to(shade(#cce2ff, 0.9)));
+    border-color: darker(#cce2ff);
+}
+
+.button.vertical:selected, .slider.vertical:selected {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(@bg_selected, 0.9)), to(shade(@bg_selected, 1.1)));
+    border-color: darker(@bg_selected);
+}
+
+.radio {
+    -GtkCheckButton-indicator-size: 14;
+}
diff --git a/themes/xfce/Makefile.am b/themes/xfce/Makefile.am
index ec524ef..655896d 100644
--- a/themes/xfce/Makefile.am
+++ b/themes/xfce/Makefile.am
@@ -1,3 +1,4 @@
-SUBDIRS = gtk-2.0
+SUBDIRS = $(GTK_SUBDIRS)
+DIST_SUBDIRS = gtk-2.0 gtk-3.0
 themedir = $(datadir)/themes/Xfce
 
diff --git a/themes/xfce/gtk-3.0/Makefile.am b/themes/xfce/gtk-3.0/Makefile.am
new file mode 100644
index 0000000..51d5846
--- /dev/null
+++ b/themes/xfce/gtk-3.0/Makefile.am
@@ -0,0 +1,5 @@
+themedir = $(datadir)/themes/Xfce/gtk-3.0
+theme_DATA = gtk.css
+
+EXTRA_DIST = $(theme_DATA)
+
diff --git a/themes/xfce/gtk-3.0/gtk.css b/themes/xfce/gtk-3.0/gtk.css
new file mode 100644
index 0000000..d792e95
--- /dev/null
+++ b/themes/xfce/gtk-3.0/gtk.css
@@ -0,0 +1,491 @@
+/* Created July 2006
+ * Modified Dec. 2006
+ * Modified Jan. 2007
+ * Modified Jul. 2008 for xfce 4.6
+ * Modified Feb. 2009 for xfce 4.6
+ * Olivier Fourdan <fourdan@xfce.org>
+ * Ported from gtk-2.0 to gtk-3.0 by Peter de Ridder <peter@xfce.org>
+ * Released under the GPL license
+ */
+
+@define-color fg_active #000000;
+@define-color fg_insensitive #888a85;
+@define-color fg_normal #101010;
+@define-color fg_prelight #101010;
+@define-color fg_selected #000000;
+
+@define-color bg_active #d9d7d6;
+@define-color bg_insensitive #eeeeec;
+@define-color bg_normal #eeeeec;
+@define-color bg_prelight #eeeeec;
+@define-color bg_selected #d9d7d6;
+
+@define-color base_active #d9d7d6;
+@define-color base_insensitive #eeeeec;
+@define-color base_normal #ffffff;
+@define-color base_prelight #eeeeec;
+@define-color base_selected #bad8ff;
+
+@define-color text_active #101010;
+@define-color text_insensitive #101010;
+@define-color text_normal #101010;
+@define-color text_prelight #101010;
+@define-color text_selected #101010;
+
+* {
+    engine: xfce;
+
+    -xfce-smooth-edge: true;
+    -xfce-grip-style: disabled;
+
+    -GtkWidget-focus-line-width      : 1;
+    -GtkWidget-focus-padding         : 0;
+    -GtkWidget-interior-focus        : 0;
+    -GtkWidget-internal-padding      : 0;
+
+    -GtkButton-child-displacement-x  : 0;
+    -GtkButton-child-displacement-y  : 1;
+    -GtkButton-default-border        : 0;
+    -GtkButton-default-outside-border: 0;
+    /*-GtkButton-focus-line-pattern    : "\0";*/
+
+    -GtkButtonBox-child-internal-pad-x: 0;
+    -GtkButtonBox-child-internal-pad-y: 0;
+    -GtkButtonBox-child-min-height   : 0;
+    -GtkButtonBox-child-min-width    : 0;
+
+    -GtkCheckButton-indicator-size   : 12;
+    /*-GtkCheckButton-focus-line-pattern: "\1\1";*/
+
+    /*-GtkEntry-focus-line-pattern     : "\0";*/
+
+    /*-GtkRadioButton-focus-line-pattern: "\1\1";*/
+
+    -GtkExpander-expander-size       : 11;
+    -GtkExpander-expander-spacing    : 0;
+
+    -GtkMenuBar-internal-padding     : 0;
+
+    -GtkMenu-horizontal-padding      : 0;
+    -GtkMenu-vertical-padding        : 0;
+
+    -GtkMenuItem-internal-padding    : 2;
+    -GtkMenuItem-selected-shadow-type: etched-in;
+
+    -GtkOptionMenu-indicator-size    : 0;
+    -GtkOptionMenu-indicator-spacing : 0;
+
+    /*GtkPaned::handle_full_size     : 1*/
+    -GtkPaned-handle-full-size       : 3;
+
+    -GtkRange-slider-width           : 15;
+    -GtkRange-stepper-size           : 15;
+    -GtkRange-stepper-spacing        : 0;
+    -GtkRange-trough-border          : 0;
+
+    -GtkScale-trough-size-details    : 1;
+    -GtkScale-value-spacing          : 0;
+
+    -GtkScrollbar-has-backward-stepper: 1;
+    -GtkScrollbar-min-slider-length  : 20;
+
+    /*-GtkTextView-focus-line-pattern  : "\0";*/
+
+    -GtkToolbar-internal-padding     : 0;
+    -GtkToolbar-space-size           : 10;
+
+    -GtkTreeView-expander-size       : 11;
+    -GtkTreeView-horizontal-separator: 0;
+    -GtkTreeView-vertical-separator  : 0;
+
+    border-width: 2 2;
+
+    color: @fg_normal;
+    background-color: @bg_normal;
+    border-color: darker(@bg_normal);
+}
+
+*:active {
+    color: @fg_active;
+    background-color: @bg_active;
+    border-color: darker(@bg_active);
+}
+
+*:insensitive {
+    color: @fg_insensitive;
+    background-color: @bg_insensitive;
+    border-color: darker(@bg_insensitive);
+    text-shadow: 1 1 white
+}
+
+*:hover {
+    color: @fg_prelight;
+    background-color: @bg_prelight;
+    border-color: darker(@bg_prelight);
+}
+
+*:selected {
+    color: @fg_selected;
+    background-color: @bg_selected;
+    border-color: darker(@bg_selected);
+}
+
+.view, .entry {
+    color: @text_normal;
+    background-color: @base_normal;
+    border-color: darker(@bg_normal);
+}
+
+.view:active, .entry:active {
+    color: @text_active;
+    background-color: @base_active;
+    border-color: darker(@bg_normal);
+}
+
+.view:insensitive, .entry:insensitive {
+    color: @text_insensitive;
+    background-color: @base_insensitive;
+    border-color: darker(@bg_normal);
+}
+
+.view:hover, .entry:hover {
+    color: @text_prelight;
+    background-color: @base_prelight;
+    border-color: darker(@bg_normal);
+}
+
+.view:selected, .entry:selected {
+    color: @text_selected;
+    background-color: @base_selected;
+    border-color: darker(@bg_normal);
+}
+
+.view row:nth-child(odd) {
+    background-color: shade(@base_normal, 0.93);
+}
+
+.view row:nth-child(odd):active {
+    background-color: shade(@base_active, 0.93);
+}
+
+.view row:nth-child(odd):insensitive {
+    background-color: shade(@base_insensitive, 0.93);
+}
+
+.view row:nth-child(odd):hover {
+    background-color: shade(@base_prelight, 0.93);
+}
+
+.view row:nth-child(odd):selected {
+    background-color: shade(@base_selected, 0.93);
+}
+
+GtkCalendar {
+    color: @text_normal;
+}
+
+.header {
+    color: @fg_normal;
+}
+
+GtkCalendar:active {
+    color: @text_active;
+}
+
+GtkCalendar:insensitive {
+    color: @text_insensitive;
+}
+
+GtkCalendar:hover {
+    color: @text_prelight;
+}
+
+GtkCalendar:selected {
+    color: @text_selected;
+}
+
+.highlight {
+    color: @text_active;
+    background-color: @base_active;
+}
+
+GtkCalendar:inconsistent {
+    color: mix(lighter(@bg_normal), darker(@bg_normal), 0.5);
+}
+
+GtkCalendar:selected {
+    color: @text_active;
+    background-color: @base_active;
+}
+
+.check, .radio {
+    color: @text_normal;
+    background-color: @base_normal;
+    border-color: @fg_normal;
+}
+
+.check:active, .radio:active {
+    color: @text_normal;
+    background-color: @base_normal;
+    border-color: @fg_normal;
+}
+
+.check:insensitive, .radio:insensitive {
+    color: @text_insensitive;
+    background-color: @base_insensitive;
+    border-color: @fg_insensitive;
+}
+
+.check:hover, .radio:hover {
+    color: @text_prelight;
+    background-color: @base_prelight;
+    border-color: @fg_prelight;
+}
+
+.check:selected, .radio:selected {
+    color: @text_active;
+    background-color: @base_active;
+    border-color: @fg_active;
+}
+
+.cell {
+    color: @text_normal;
+}
+
+.cell:active {
+    color: @text_active;
+}
+
+.cell:insensitive {
+    color: @text_insensitive;
+}
+
+.cell:hover {
+    color: @text_prelight;
+}
+
+.cell:selected {
+    color: @text_selected;
+}
+
+.spinbutton.button {
+    color: @fg_normal;
+    background-color: @bg_normal;
+}
+
+.spinbutton.button:active {
+    color: @fg_active;
+    background-color: @bg_active;
+}
+
+.spinbutton.button:insensitive {
+    color: @fg_insensitive;
+    background-color: @bg_insensitive;
+}
+
+.spinbutton.button:hover {
+    color: @fg_prelight;
+    background-color: @bg_prelight;
+}
+
+.spinbutton.button:selected {
+    color: @fg_selected;
+    background-color: @bg_selected;
+}
+
+.progressbar {
+    color: #4e9a06;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#cce2ff, 1.1)), to(shade(#cce2ff, 0.9)));
+    border-color: darker(#cce2ff);
+
+    border-width: 0 0;
+}
+
+.progressbar.vertical {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#cce2ff, 1.1)), to(shade(#cce2ff, 0.9)));
+}
+
+.trough {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#e8e8e6, 0.9)), to(shade(#e8e8e6, 1.1)));
+    border-color: darker(#e8e8e6);
+}
+
+.trough.vertical {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#e8e8e6, 0.9)), to(shade(#e8e8e6, 1.1)));
+}
+
+.notebook {
+    color: #101010;
+    background-color: #ffffff;
+    border-color: darker(#ffffff);
+
+    border-width: 1 1;
+}
+
+.notebook tab {
+    color: @fg_active;
+    background-color: #e8e8e6;
+    border-color: darker(#e8e8e6);
+}
+
+.notebook tab:active {
+    color: #101010;
+    background-color: #ffffff;
+    border-color: darker(#ffffff);
+}
+
+.menu {
+    background-color: #fafaf7;
+    border-color: darker(#fafaf7);
+}
+
+.menuitem {
+    background-color: #fafaf7;
+    border-color: darker(#fafaf7);
+
+    border-width: 1 2;
+}
+
+.menu:active, .memuitem:active {
+    color: #101010;
+    background-color: @bg_active;
+    border-color: darker(@bg_active);
+}
+
+.menu:insensitive, .menuitem:insensitive {
+    background-color: #fafaf7;
+    border-color: darker(#fafaf7);
+}
+
+.menu:hover, .menuitem:hover {
+    color: #101010;
+    background-color: #cce2ff;
+    border-color: darker(#cce2ff);
+}
+
+.menu:selected, .menuitem:selected {
+    color: #101010;
+    background-color: @bg_selected;
+    border-color: darker(@bg_selected);
+}
+
+.menubar {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#eeeeec, 1.0)), to(shade(#eeeeec, 0.9)));
+    border-color: darker(#eeeeec);
+
+    border-width: 1 2;
+}
+
+.menubar:active {
+    color: #101010;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_active, 0.9)), to(shade(@bg_active, 1.0)));
+    border-color: darker(@bg_active);
+}
+
+.menubar:insensitive {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#eeeeec, 1.0)), to(shade(#eeeeec, 0.9)));
+    border-color: darker(#eeeeec);
+}
+
+.menubar:hover {
+    color: #101010;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#cce2ff, 1.0)), to(shade(#cce2ff, 0.9)));
+    border-color: darker(#cce2ff);
+}
+
+.menubar:selected {
+    color: #101010;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_selected, 0.9)), to(shade(@bg_selected, 1.0)));
+    border-color: darker(@bg_selected);
+}
+
+.button {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#eeeeec, 1.1)), to(shade(#eeeeec, 0.95)));
+    border-color: darker(#eeeeec);
+}
+
+.button:active {
+    color: #000000;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#d3d7cf, 0.95)), to(shade(#d3d7cf, 1.1)));
+    border-color: darker(#d3d7cf);
+}
+
+.button:insensitive {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_insensitive, 1.1)), to(shade(@bg_insensitive, 0.95)));
+    border-color: darker(@bg_insensitive);
+}
+
+.button:hover {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#d3d7cf, 0.95)), to(shade(#d3d7cf, 1.1)));
+    border-color: darker(#d3d7cf);
+}
+
+.button:selected {
+    color: #ffffff;
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#3465a4, 1.1)), to(shade(#3465a4, 0.95)));
+    border-color: darker(#3465a4);
+}
+
+.tooltip {
+    color: #101010;
+    background-color: #ffffdf;
+    border-color: darker(#ffffdf);
+}
+
+.scrollbar {
+    -xfce-grip-style: rough;
+}
+
+.button.horizontal, .slider.horizontal {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#d9d7d6, 1.1)), to(shade(#d9d7d6, 0.9)));
+    border-color: darker(#d9d7d6);
+}
+
+.button.horizontal:active, .slider.horizontal:active {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#e8e8e6, 0.9)), to(shade(#e8e8e6, 1.1)));
+    border-color: darker(#e8e8e6);
+}
+
+.button.horizontal:insensitive, .slider.horizontal:insensitive {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_insensitive, 1.1)), to(shade(@bg_insensitive, 0.9)));
+    border-color: darker(@bg_insensitive);
+}
+
+.button.horizontal:hover, .slider.horizontal:hover {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(#cce2ff, 1.1)), to(shade(#cce2ff, 0.9)));
+    border-color: darker(#cce2ff);
+}
+
+.button.horizontal:selected, .slider.horizontal:selected {
+    background-image: -gtk-gradient(linear, left top, left bottom, from(shade(@bg_selected, 0.9)), to(shade(@bg_selected, 1.1)));
+    border-color: darker(@bg_selected);
+}
+
+.button.vertical, .slider.vertical {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#d9d7d6, 1.1)), to(shade(#d9d7d6, 0.9)));
+    border-color: darker(#d9d7d6);
+}
+
+.button.vertical:active, .slider.vertical:active {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#e8e8e6, 0.9)), to(shade(#e8e8e6, 1.1)));
+    border-color: darker(#e8e8e6);
+}
+
+.button.vertical:insensitive, .slider.vertical:insensitive {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(@bg_insensitive, 1.1)), to(shade(@bg_insensitive, 0.9)));
+    border-color: darker(@bg_insensitive);
+}
+
+.button.vertical:hover, .slider.vertical:hover {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(#cce2ff, 1.1)), to(shade(#cce2ff, 0.9)));
+    border-color: darker(#cce2ff);
+}
+
+.button.vertical:selected, .slider.vertical:selected {
+    background-image: -gtk-gradient(linear, left top, right top, from(shade(@bg_selected, 0.9)), to(shade(@bg_selected, 1.1)));
+    border-color: darker(@bg_selected);
+}
+
+.radio {
+    -GtkCheckButton-indicator-size: 14;
+}