From ad2832cabdf977f8746fad3fe972b533b8628da7 Mon Sep 17 00:00:00 2001 From: Satyajit Sahoo Date: Thu, 28 Feb 2013 16:48:23 +0530 Subject: [PATCH] Added dark style --- gtk-3.0/apps/granite-widgets.css | 2 +- gtk-3.0/gtk-dark.css | 64 ++++++++++++++++++++++++++++++++ gtk-3.0/gtk.css | 10 ++--- 3 files changed, 68 insertions(+), 8 deletions(-) create mode 100644 gtk-3.0/gtk-dark.css diff --git a/gtk-3.0/apps/granite-widgets.css b/gtk-3.0/apps/granite-widgets.css index cb3951e..ce169de 100644 --- a/gtk-3.0/apps/granite-widgets.css +++ b/gtk-3.0/apps/granite-widgets.css @@ -220,7 +220,7 @@ GraniteWidgetsPopOver .entry { * wingpanel * *************/ .panel { - background-color: alpha (#000, 0.6); + background-color: alpha(#000, 0.6); color: #fff; } diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css new file mode 100644 index 0000000..2ecb9d1 --- /dev/null +++ b/gtk-3.0/gtk-dark.css @@ -0,0 +1,64 @@ +/* Default color scheme */ +@define-color base_color #333333; +@define-color bg_color #2d2d2d; +@define-color text_color #dcdcdc; +@define-color fg_color #dcdcdc; +@define-color selected_bg_color #d64937; +@define-color selected_fg_color #f9f9f9; +@define-color tooltip_bg_color #2d2d2d; +@define-color tooltip_fg_color #f9f9f9; + +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color theme_bg_color @bg_color; +@define-color theme_fg_color @fg_color; +@define-color theme_base_color @base_color; +@define-color theme_text_color @text_color; +@define-color theme_selected_bg_color @selected_bg_color; +@define-color theme_selected_fg_color @selected_fg_color; +@define-color theme_tooltip_bg_color @tooltip_bg_color; +@define-color theme_tooltip_fg_color @tooltip_fg_color; + +/* shadow effects */ +@define-color light_shadow #fff; +@define-color dark_shadow #000; + +/* misc colors used by gtk+ */ +@define-color info_fg_color rgb (152, 152, 89); +@define-color info_bg_color rgb (252, 252, 189); +@define-color warning_fg_color rgb (0, 0, 0); +@define-color warning_bg_color rgb (250, 173, 61); +@define-color question_fg_color rgb (255, 255, 255); +@define-color question_bg_color rgb (214, 73, 55); +@define-color error_fg_color rgb (255, 255, 255); +@define-color error_bg_color rgb (237, 54, 54); +@define-color link_color #d64937; +@define-color success_color #4e9a06; +@define-color error_color #cc0000; + +/* widget colors */ +@define-color menubar_bg_color #2d2d2d; +@define-color menubar_fg_color #dcdcdc; +@define-color toolbar_bg_color @theme_bg_color; +@define-color toolbar_fg_color @theme_fg_color; +@define-color menu_bg_color @theme_base_color; +@define-color menu_fg_color @theme_text_color; +@define-color panel_bg_color #2d2d2d; +@define-color panel_fg_color #dcdcdc; + +/* osd */ +@define-color osd_base #2d2d2d; +@define-color osd_fg #dcdcdc; +@define-color osd_bg alpha(@osd_base, 0.8); + +/* window manager colors */ +@define-color wm_bg @theme_bg_color; +@define-color wm_title_focused mix(@theme_fg_color, @theme_bg_color, 0.1); +@define-color wm_title_unfocused mix(@theme_fg_color, @theme_bg_color, 0.6); +@define-color wm_border_focused shade(@theme_bg_color, 0.7); +@define-color wm_border_unfocused shade(@theme_bg_color, 0.8); + +@import url("gtk-widgets.css"); +@import url("gtk-widgets-assets.css"); +@import url("apps/gnome-applications.css"); +@import url("apps/granite-widgets.css"); +@import url("apps/unity.css"); diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index d6957fb..7cf266e 100644 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -1,4 +1,4 @@ -/* Default color scheme */ +/* Default color scheme */ @define-color bg_color #dedede; @define-color fg_color #555555; @define-color base_color #f9f9f9; @@ -46,14 +46,10 @@ @define-color panel_fg_color #dcdcdc; /* osd */ -@define-color osd_base #333; -@define-color osd_fg #eee; +@define-color osd_base #2d2d2d; +@define-color osd_fg #dcdcdc; @define-color osd_bg alpha(@osd_base, 0.8); -/* backdrop colors */ -@define-color backdrop_selected_bg_color shade (@theme_bg_color, 0.9); -@define-color backdrop_selected_fg_color @theme_fg_color; - /* window manager colors */ @define-color wm_bg @theme_bg_color; @define-color wm_title_focused mix(@theme_fg_color, @theme_bg_color, 0.1);