From 168344d5e9e31c740cd04213a1e75dd51e42406b Mon Sep 17 00:00:00 2001
From: Satyajit Sahoo <satyajit.happy@gmail.com>
Date: Tue, 17 Dec 2013 15:29:52 +0530
Subject: [PATCH] Make it possible to easily change colors

---
 gtk-3.0/gtk-dark.css            | 36 +++++++++++++++++++++------------
 gtk-3.0/gtk.css                 | 34 +++++++++++++++++--------------
 metacity-1/metacity-theme-2.xml |  8 ++++----
 metacity-1/metacity-theme-3.xml |  8 ++++----
 4 files changed, 50 insertions(+), 36 deletions(-)

diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css
index 02f9f97..146f0ae 100644
--- a/gtk-3.0/gtk-dark.css
+++ b/gtk-3.0/gtk-dark.css
@@ -6,7 +6,11 @@
 @define-color selected_bg_color #d64937;
 @define-color selected_fg_color #f9f9f9;
 @define-color tooltip_bg_color #2d2d2d;
-@define-color tooltip_fg_color #dedede;
+@define-color tooltip_fg_color #dcdcdc;
+
+/* dark color scheme */
+@define-color dark_bg_color #2d2d2d;
+@define-color dark_fg_color #dcdcdc;
 
 /* colormap actually used by the theme, to be overridden in other css files */
 @define-color theme_bg_color @bg_color;
@@ -37,26 +41,32 @@
 @define-color error_color #cc0000;
 
 /* widget colors */
-@define-color menubar_bg_color #2d2d2d;
-@define-color menubar_fg_color #dcdcdc;
-@define-color toolbar_bg_color #2d2d2d;
-@define-color toolbar_fg_color #dcdcdc;
-@define-color menu_bg_color #2d2d2d;
-@define-color menu_fg_color #dcdcdc;
-@define-color panel_bg_color #2d2d2d;
-@define-color panel_fg_color #dcdcdc;
+@define-color menubar_bg_color @dark_bg_color;
+@define-color menubar_fg_color @dark_fg_color;
+@define-color toolbar_bg_color @theme_bg_color;
+@define-color toolbar_fg_color @theme_fg_color;
+@define-color menu_bg_color @dark_bg_color;
+@define-color menu_fg_color @dark_fg_color;
+@define-color panel_bg_color @dark_bg_color;
+@define-color panel_fg_color @dark_fg_color;
 
 /* osd */
-@define-color osd_base #2d2d2d;
-@define-color osd_fg #dcdcdc;
+@define-color osd_base @dark_bg_color;
+@define-color osd_fg @dark_fg_color;
 @define-color osd_bg alpha(@osd_base, 0.8);
 
 /* window manager colors */
 @define-color wm_bg #2d2d2d;
-@define-color wm_title_focused #dcdcdc;
-@define-color wm_title_unfocused #888888;
 @define-color wm_border_focused #484848;
 @define-color wm_border_unfocused #393939;
+@define-color wm_title_focused #dcdcdc;
+@define-color wm_title_unfocused #888888;
+@define-color wm_icons_focused #dcdcdc;
+@define-color wm_icons_focused_prelight @selected_bg_color;
+@define-color wm_icons_focused_pressed shade(@selected_bg_color, 0.8);
+@define-color wm_icons_unfocused #888888;
+@define-color wm_icons_unfocused_prelight @selected_bg_color;
+@define-color wm_icons_unfocused_pressed shade(@selected_bg_color, 0.8);
 
 @import url("gtk-widgets.css");
 @import url("gtk-widgets-assets-dark.css");
diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css
index e29e543..e2d8868 100644
--- a/gtk-3.0/gtk.css
+++ b/gtk-3.0/gtk.css
@@ -6,7 +6,11 @@
 @define-color selected_bg_color #d64937;
 @define-color selected_fg_color #f9f9f9;
 @define-color tooltip_bg_color #2d2d2d;
-@define-color tooltip_fg_color #dedede;
+@define-color tooltip_fg_color #dcdcdc;
+
+/* dark color scheme */
+@define-color dark_bg_color #2d2d2d;
+@define-color dark_fg_color #dcdcdc;
 
 /* colormap actually used by the theme, to be overridden in other css files */
 @define-color theme_bg_color @bg_color;
@@ -37,18 +41,18 @@
 @define-color error_color #cc0000;
 
 /* widget colors */
-@define-color menubar_bg_color #2d2d2d;
-@define-color menubar_fg_color #dcdcdc;
-@define-color toolbar_bg_color #dedede;
-@define-color toolbar_fg_color #555555;
-@define-color menu_bg_color #2d2d2d;
-@define-color menu_fg_color #dcdcdc;
-@define-color panel_bg_color #2d2d2d;
-@define-color panel_fg_color #dcdcdc;
+@define-color menubar_bg_color @dark_bg_color;
+@define-color menubar_fg_color @dark_fg_color;
+@define-color toolbar_bg_color @theme_bg_color;
+@define-color toolbar_fg_color @theme_fg_color;
+@define-color menu_bg_color @dark_bg_color;
+@define-color menu_fg_color @dark_fg_color;
+@define-color panel_bg_color @dark_bg_color;
+@define-color panel_fg_color @dark_fg_color;
 
 /* osd */
-@define-color osd_base #2d2d2d;
-@define-color osd_fg #dcdcdc;
+@define-color osd_base @dark_bg_color;
+@define-color osd_fg @dark_fg_color;
 @define-color osd_bg alpha(@osd_base, 0.8);
 
 /* window manager colors */
@@ -58,11 +62,11 @@
 @define-color wm_title_focused #dcdcdc;
 @define-color wm_title_unfocused #888888;
 @define-color wm_icons_focused #dcdcdc;
-@define-color wm_icons_focused_prelight #d64937;
-@define-color wm_icons_focused_pressed #b63e2e;
+@define-color wm_icons_focused_prelight @selected_bg_color;
+@define-color wm_icons_focused_pressed shade(@selected_bg_color, 0.8);
 @define-color wm_icons_unfocused #888888;
-@define-color wm_icons_unfocused_prelight #d64937;
-@define-color wm_icons_unfocused_pressed #b63e2e;
+@define-color wm_icons_unfocused_prelight @selected_bg_color;
+@define-color wm_icons_unfocused_pressed shade(@selected_bg_color, 0.8);
 
 @import url("gtk-widgets.css");
 @import url("gtk-widgets-assets.css");
diff --git a/metacity-1/metacity-theme-2.xml b/metacity-1/metacity-theme-2.xml
index 203c5b9..8d8f3c8 100644
--- a/metacity-1/metacity-theme-2.xml
+++ b/metacity-1/metacity-theme-2.xml
@@ -15,11 +15,11 @@
 <constant name="C_title_focused" value="#dcdcdc" />
 <constant name="C_title_unfocused" value="#888888" />
 <constant name="C_icons_focused" value="#dcdcdc" />
-<constant name="C_icons_focused_prelight" value="#d64937" />
-<constant name="C_icons_focused_pressed" value="#b63e2e" />
+<constant name="C_icons_focused_prelight" value="gtk:bg[SELECTED])" />
+<constant name="C_icons_focused_pressed" value="shade/gtk:bg[SELECTED]/0.8" />
 <constant name="C_icons_unfocused" value="#888888" />
-<constant name="C_icons_unfocused_prelight" value="#d64937" />
-<constant name="C_icons_unfocused_pressed" value="#b63e2e" />
+<constant name="C_icons_unfocused_prelight" value="gtk:bg[SELECTED])" />
+<constant name="C_icons_unfocused_pressed" value="shade/gtk:bg[SELECTED]/0.8" />
 
 <!-- ::: GEOMETRY ::: -->
 <frame_geometry name="normal" title_scale="medium" rounded_top_left="1" rounded_top_right="1">
diff --git a/metacity-1/metacity-theme-3.xml b/metacity-1/metacity-theme-3.xml
index ca6887c..3ec1eb3 100644
--- a/metacity-1/metacity-theme-3.xml
+++ b/metacity-1/metacity-theme-3.xml
@@ -15,11 +15,11 @@
 <constant name="C_title_focused" value="gtk:custom(wm_title_focused,#dcdcdc)" />
 <constant name="C_title_unfocused" value="gtk:custom(wm_title_unfocused,#888888)" />
 <constant name="C_icons_focused" value="gtk:custom(wm_icons_focused,#dcdcdc)" />
-<constant name="C_icons_focused_prelight" value="gtk:custom(wm_icons_focused_prelight,#d64937)" />
-<constant name="C_icons_focused_pressed" value="gtk:custom(wm_icons_focused_pressed,#b63e2e)" />
+<constant name="C_icons_focused_prelight" value="gtk:custom(wm_icons_focused_prelight,gtk:bg[SELECTED])" />
+<constant name="C_icons_focused_pressed" value="gtk:custom(wm_icons_focused_pressed,shade/gtk:bg[SELECTED]/0.8)" />
 <constant name="C_icons_unfocused" value="gtk:custom(wm_icons_unfocused,#888888)" />
-<constant name="C_icons_unfocused_prelight" value="gtk:custom(wm_icons_focused_prelight,#d64937)" />
-<constant name="C_icons_unfocused_pressed" value="gtk:custom(wm_icons_focused_pressed,#b63e2e)" />
+<constant name="C_icons_unfocused_prelight" value="gtk:custom(wm_icons_focused_prelight,gtk:bg[SELECTED])" />
+<constant name="C_icons_unfocused_pressed" value="gtk:custom(wm_icons_focused_pressed,shade/gtk:bg[SELECTED]/0.8)" />
 
 <!-- ::: GEOMETRY ::: -->
 <frame_geometry name="normal" title_scale="medium" rounded_top_left="1" rounded_top_right="1">