Make it possible to easily change colors
parent
c8b6af4c30
commit
168344d5e9
|
@ -6,7 +6,11 @@
|
||||||
@define-color selected_bg_color #d64937;
|
@define-color selected_bg_color #d64937;
|
||||||
@define-color selected_fg_color #f9f9f9;
|
@define-color selected_fg_color #f9f9f9;
|
||||||
@define-color tooltip_bg_color #2d2d2d;
|
@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 */
|
/* colormap actually used by the theme, to be overridden in other css files */
|
||||||
@define-color theme_bg_color @bg_color;
|
@define-color theme_bg_color @bg_color;
|
||||||
|
@ -37,26 +41,32 @@
|
||||||
@define-color error_color #cc0000;
|
@define-color error_color #cc0000;
|
||||||
|
|
||||||
/* widget colors */
|
/* widget colors */
|
||||||
@define-color menubar_bg_color #2d2d2d;
|
@define-color menubar_bg_color @dark_bg_color;
|
||||||
@define-color menubar_fg_color #dcdcdc;
|
@define-color menubar_fg_color @dark_fg_color;
|
||||||
@define-color toolbar_bg_color #2d2d2d;
|
@define-color toolbar_bg_color @theme_bg_color;
|
||||||
@define-color toolbar_fg_color #dcdcdc;
|
@define-color toolbar_fg_color @theme_fg_color;
|
||||||
@define-color menu_bg_color #2d2d2d;
|
@define-color menu_bg_color @dark_bg_color;
|
||||||
@define-color menu_fg_color #dcdcdc;
|
@define-color menu_fg_color @dark_fg_color;
|
||||||
@define-color panel_bg_color #2d2d2d;
|
@define-color panel_bg_color @dark_bg_color;
|
||||||
@define-color panel_fg_color #dcdcdc;
|
@define-color panel_fg_color @dark_fg_color;
|
||||||
|
|
||||||
/* osd */
|
/* osd */
|
||||||
@define-color osd_base #2d2d2d;
|
@define-color osd_base @dark_bg_color;
|
||||||
@define-color osd_fg #dcdcdc;
|
@define-color osd_fg @dark_fg_color;
|
||||||
@define-color osd_bg alpha(@osd_base, 0.8);
|
@define-color osd_bg alpha(@osd_base, 0.8);
|
||||||
|
|
||||||
/* window manager colors */
|
/* window manager colors */
|
||||||
@define-color wm_bg #2d2d2d;
|
@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_focused #484848;
|
||||||
@define-color wm_border_unfocused #393939;
|
@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.css");
|
||||||
@import url("gtk-widgets-assets-dark.css");
|
@import url("gtk-widgets-assets-dark.css");
|
||||||
|
|
|
@ -6,7 +6,11 @@
|
||||||
@define-color selected_bg_color #d64937;
|
@define-color selected_bg_color #d64937;
|
||||||
@define-color selected_fg_color #f9f9f9;
|
@define-color selected_fg_color #f9f9f9;
|
||||||
@define-color tooltip_bg_color #2d2d2d;
|
@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 */
|
/* colormap actually used by the theme, to be overridden in other css files */
|
||||||
@define-color theme_bg_color @bg_color;
|
@define-color theme_bg_color @bg_color;
|
||||||
|
@ -37,18 +41,18 @@
|
||||||
@define-color error_color #cc0000;
|
@define-color error_color #cc0000;
|
||||||
|
|
||||||
/* widget colors */
|
/* widget colors */
|
||||||
@define-color menubar_bg_color #2d2d2d;
|
@define-color menubar_bg_color @dark_bg_color;
|
||||||
@define-color menubar_fg_color #dcdcdc;
|
@define-color menubar_fg_color @dark_fg_color;
|
||||||
@define-color toolbar_bg_color #dedede;
|
@define-color toolbar_bg_color @theme_bg_color;
|
||||||
@define-color toolbar_fg_color #555555;
|
@define-color toolbar_fg_color @theme_fg_color;
|
||||||
@define-color menu_bg_color #2d2d2d;
|
@define-color menu_bg_color @dark_bg_color;
|
||||||
@define-color menu_fg_color #dcdcdc;
|
@define-color menu_fg_color @dark_fg_color;
|
||||||
@define-color panel_bg_color #2d2d2d;
|
@define-color panel_bg_color @dark_bg_color;
|
||||||
@define-color panel_fg_color #dcdcdc;
|
@define-color panel_fg_color @dark_fg_color;
|
||||||
|
|
||||||
/* osd */
|
/* osd */
|
||||||
@define-color osd_base #2d2d2d;
|
@define-color osd_base @dark_bg_color;
|
||||||
@define-color osd_fg #dcdcdc;
|
@define-color osd_fg @dark_fg_color;
|
||||||
@define-color osd_bg alpha(@osd_base, 0.8);
|
@define-color osd_bg alpha(@osd_base, 0.8);
|
||||||
|
|
||||||
/* window manager colors */
|
/* window manager colors */
|
||||||
|
@ -58,11 +62,11 @@
|
||||||
@define-color wm_title_focused #dcdcdc;
|
@define-color wm_title_focused #dcdcdc;
|
||||||
@define-color wm_title_unfocused #888888;
|
@define-color wm_title_unfocused #888888;
|
||||||
@define-color wm_icons_focused #dcdcdc;
|
@define-color wm_icons_focused #dcdcdc;
|
||||||
@define-color wm_icons_focused_prelight #d64937;
|
@define-color wm_icons_focused_prelight @selected_bg_color;
|
||||||
@define-color wm_icons_focused_pressed #b63e2e;
|
@define-color wm_icons_focused_pressed shade(@selected_bg_color, 0.8);
|
||||||
@define-color wm_icons_unfocused #888888;
|
@define-color wm_icons_unfocused #888888;
|
||||||
@define-color wm_icons_unfocused_prelight #d64937;
|
@define-color wm_icons_unfocused_prelight @selected_bg_color;
|
||||||
@define-color wm_icons_unfocused_pressed #b63e2e;
|
@define-color wm_icons_unfocused_pressed shade(@selected_bg_color, 0.8);
|
||||||
|
|
||||||
@import url("gtk-widgets.css");
|
@import url("gtk-widgets.css");
|
||||||
@import url("gtk-widgets-assets.css");
|
@import url("gtk-widgets-assets.css");
|
||||||
|
|
|
@ -15,11 +15,11 @@
|
||||||
<constant name="C_title_focused" value="#dcdcdc" />
|
<constant name="C_title_focused" value="#dcdcdc" />
|
||||||
<constant name="C_title_unfocused" value="#888888" />
|
<constant name="C_title_unfocused" value="#888888" />
|
||||||
<constant name="C_icons_focused" value="#dcdcdc" />
|
<constant name="C_icons_focused" value="#dcdcdc" />
|
||||||
<constant name="C_icons_focused_prelight" value="#d64937" />
|
<constant name="C_icons_focused_prelight" value="gtk:bg[SELECTED])" />
|
||||||
<constant name="C_icons_focused_pressed" value="#b63e2e" />
|
<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" value="#888888" />
|
||||||
<constant name="C_icons_unfocused_prelight" value="#d64937" />
|
<constant name="C_icons_unfocused_prelight" value="gtk:bg[SELECTED])" />
|
||||||
<constant name="C_icons_unfocused_pressed" value="#b63e2e" />
|
<constant name="C_icons_unfocused_pressed" value="shade/gtk:bg[SELECTED]/0.8" />
|
||||||
|
|
||||||
<!-- ::: GEOMETRY ::: -->
|
<!-- ::: GEOMETRY ::: -->
|
||||||
<frame_geometry name="normal" title_scale="medium" rounded_top_left="1" rounded_top_right="1">
|
<frame_geometry name="normal" title_scale="medium" rounded_top_left="1" rounded_top_right="1">
|
||||||
|
|
|
@ -15,11 +15,11 @@
|
||||||
<constant name="C_title_focused" value="gtk:custom(wm_title_focused,#dcdcdc)" />
|
<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_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" 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_prelight" value="gtk:custom(wm_icons_focused_prelight,gtk:bg[SELECTED])" />
|
||||||
<constant name="C_icons_focused_pressed" value="gtk:custom(wm_icons_focused_pressed,#b63e2e)" />
|
<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" 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_prelight" value="gtk:custom(wm_icons_focused_prelight,gtk:bg[SELECTED])" />
|
||||||
<constant name="C_icons_unfocused_pressed" value="gtk:custom(wm_icons_focused_pressed,#b63e2e)" />
|
<constant name="C_icons_unfocused_pressed" value="gtk:custom(wm_icons_focused_pressed,shade/gtk:bg[SELECTED]/0.8)" />
|
||||||
|
|
||||||
<!-- ::: GEOMETRY ::: -->
|
<!-- ::: GEOMETRY ::: -->
|
||||||
<frame_geometry name="normal" title_scale="medium" rounded_top_left="1" rounded_top_right="1">
|
<frame_geometry name="normal" title_scale="medium" rounded_top_left="1" rounded_top_right="1">
|
||||||
|
|
Loading…
Reference in New Issue