244 lines
9.6 KiB
CSS
244 lines
9.6 KiB
CSS
|
/******************[ FlatStudioDark ]**********************/
|
||
|
|
/* Default color scheme */
|
||
|
|
@define-color base_color #282828;
|
||
|
|
@define-color bg_color #1d2021;
|
||
|
|
@define-color text_color #e0e0e0;
|
||
|
|
@define-color fg_color #c0c0c0;
|
||
|
|
@define-color selected_bg_color #458588;
|
||
|
|
@define-color selected_fg_color #a89984;
|
||
|
|
@define-color tooltip_bg_color #040404;
|
||
|
|
@define-color tooltip_fg_color #ffffff;
|
||
|
|
|
||
|
|
/* select highlight-color ******************************************/
|
||
|
|
@define-color selection_wood #7a6642;
|
||
|
|
@define-color selection_gold #86772f;
|
||
|
|
@define-color selection_ubuntu #aa502c;
|
||
|
|
@define-color selection_ubuntu_mod #9d533f;
|
||
|
|
@define-color selection_acid_green #3c7b7b;
|
||
|
|
@define-color selection_blue #4d679a;
|
||
|
|
@define-color selection_mint #567557;
|
||
|
|
@define-color selection_red #754747;
|
||
|
|
@define-color selection_mono #646464;
|
||
|
|
/* Here you can set the color selection, I recommend one of the above,
|
||
|
|
but you can put the one you like */
|
||
|
|
@define-color theme_selected_bg_color @selection_blue;
|
||
|
|
@define-color theme_selected_fg_color #a89984;
|
||
|
|
@define-color theme_selected_shadow_color alpha(#000, 0.12);
|
||
|
|
/*******************************************************************/
|
||
|
|
|
||
|
|
/* Colormap actually used by the theme, to be overridden in other css files */
|
||
|
|
@define-color theme_base_color @base_color;
|
||
|
|
@define-color theme_bg_color @bg_color;
|
||
|
|
@define-color theme_text_color @text_color;
|
||
|
|
@define-color theme_fg_color @fg_color;
|
||
|
|
@define-color theme_tooltip_bg_color @tooltip_bg_color;
|
||
|
|
@define-color theme_tooltip_fg_color @tooltip_fg_color;
|
||
|
|
@define-color theme_tab_bg_color shade(@theme_bg_color, 1.35);
|
||
|
|
@define-color theme_shadow_color alpha(#000, 0.12);
|
||
|
|
@define-color theme_check_bg_color shade (@theme_bg_color, 1.12);
|
||
|
|
@define-color theme_check_fg_color shade (@theme_selected_bg_color, 1.60);
|
||
|
|
@define-color theme_mix_base #8B8B8B;
|
||
|
|
@define-color theme_switch shade (@theme_bg_color, 0.80);
|
||
|
|
|
||
|
|
/******************[ Theme-Frame ]**********************
|
||
|
|
@define-color theme_bg_dark_color #575757;
|
||
|
|
@define-color theme_fg_dark_color #dcdcdc;
|
||
|
|
@define-color theme_text_dark_color #F5F5F5;
|
||
|
|
@define-color theme_shadow_dark_color alpha(#000, 0.15);
|
||
|
|
@define-color theme_selected_fg_dark_color #FFFFFF;
|
||
|
|
@define-color theme_selected_shadow_dark_color alpha(#000, 0.12);
|
||
|
|
*/
|
||
|
|
|
||
|
|
@define-color theme_bg_dark_color @theme_bg_color;
|
||
|
|
@define-color theme_fg_dark_color @theme_fg_color;
|
||
|
|
@define-color theme_text_dark_color @theme_text_color;
|
||
|
|
@define-color theme_shadow_dark_color alpha(#000, 0.15);
|
||
|
|
@define-color theme_selected_fg_dark_color #FFFFFF;
|
||
|
|
@define-color theme_selected_shadow_dark_color alpha(#000, 0.12);
|
||
|
|
|
||
|
|
@define-color theme_button_border_dark shade(@theme_bg_dark_color, 0.50);
|
||
|
|
@define-color button_raised_gradient_color_a shade(@theme_bg_dark_color, 0.91);
|
||
|
|
@define-color button_raised_gradient_color_b shade(@theme_bg_dark_color, 0.91);
|
||
|
|
@define-color button_raised_linked_shadow alpha(@theme_base_color, 0.70);
|
||
|
|
|
||
|
|
@define-color menu_bg_color shade(@theme_bg_color, 0.86);
|
||
|
|
@define-color menu_fg_color shade(@theme_fg_color, 0.95);
|
||
|
|
@define-color menu_controls_color shade (@theme_fg_dark_color, 0.89);
|
||
|
|
@define-color menu_combobox_border #3277bf;
|
||
|
|
@define-color menu_separator shade(@menu_bg_color, 0.95);
|
||
|
|
|
||
|
|
@define-color link_color #4a90d9;
|
||
|
|
@define-color frame_color #808080;
|
||
|
|
@define-color inactive_frame_color #bbbbbb;
|
||
|
|
@define-color warning_color #f57900;
|
||
|
|
@define-color error_color #cc0000;
|
||
|
|
@define-color success_color #4e9a06;
|
||
|
|
|
||
|
|
@define-color info_fg_color rgb (181, 171, 156);
|
||
|
|
@define-color info_bg_color rgb (252, 252, 189);
|
||
|
|
@define-color warning_fg_color rgb (173, 120, 41);
|
||
|
|
@define-color warning_bg_color rgb (250, 173, 61);
|
||
|
|
@define-color question_fg_color rgb (97, 122, 214);
|
||
|
|
@define-color question_bg_color rgb (138, 173, 212);
|
||
|
|
@define-color error_fg_color rgb (106, 18, 18);
|
||
|
|
@define-color error_bg_color rgb (240, 54, 54);
|
||
|
|
|
||
|
|
@define-color keyboard_focus_border_a #a2c9f1;
|
||
|
|
@define-color keyboard_focus_border_b #6794cf;
|
||
|
|
|
||
|
|
@define-color os_chrome_bg_color @theme_bg_dark_color;
|
||
|
|
@define-color os_chrome_fg_color @theme_fg_dark_color;
|
||
|
|
|
||
|
|
@define-color os_chrome_selected_bg_color @theme_selected_bg_color;
|
||
|
|
@define-color os_chrome_selected_fg_color @theme_selected_fg_color;
|
||
|
|
|
||
|
|
@define-color chrome_bg_color @theme_bg_color;
|
||
|
|
@define-color chrome_fg_color @theme_fg_color;
|
||
|
|
|
||
|
|
@define-color focused_entry_border shade(@theme_selected_bg_color, 1.30);
|
||
|
|
@define-color focused_entry_inset alpha (#d7e4f1, 0.50);
|
||
|
|
|
||
|
|
/* @define-color sidebar_background mix(#E1E5E8, @theme_bg_color, 0.30); */
|
||
|
|
@define-color sidebar_background shade(mix(#E1E5E8, @theme_bg_color, 0.30), 0.28);
|
||
|
|
@define-color sidebar_selected_bg shade(@theme_selected_bg_color,0.90);
|
||
|
|
|
||
|
|
@define-color button_gradient_color_a shade(@theme_selected_bg_color, 0.90);
|
||
|
|
@define-color button_gradient_color_b shade(#80B8EA, 0.85);
|
||
|
|
@define-color button_border #B0B0B0;
|
||
|
|
|
||
|
|
@define-color button_active_gradient_color_a #a4a4a4;
|
||
|
|
@define-color button_active_gradient_color_b shade (@button_active_gradient_color_a, 0.83);
|
||
|
|
|
||
|
|
@define-color button_hover_gradient_color_a @theme_base_color;
|
||
|
|
@define-color button_hover_gradient_color_b shade (#fefefe, 0.94);
|
||
|
|
|
||
|
|
|
||
|
|
@define-color button_raised_active_gradient_color_a @button_active_gradient_color_a;
|
||
|
|
@define-color button_raised_active_gradient_color_b alpha(@button_active_gradient_color_b, 0.13);
|
||
|
|
|
||
|
|
@define-color insensitive_bg_color shade(@bg_color, 1.07);
|
||
|
|
@define-color insensitive_fg_color shade(@fg_color, 0.75);
|
||
|
|
@define-color insensitive_border_color shade(@bg_color, 1.03);
|
||
|
|
|
||
|
|
@define-color trough_bg_color_a shade (@theme_bg_color, 1.12);
|
||
|
|
@define-color trough_bg_color_b shade (@theme_selected_bg_color, 0.90);
|
||
|
|
|
||
|
|
|
||
|
|
@define-color scale_progress_fill shade (@theme_selected_bg_color, 1.00);
|
||
|
|
@define-color progressbar_pattern #000000;
|
||
|
|
|
||
|
|
@define-color entry_text_color @theme_text_color;
|
||
|
|
|
||
|
|
@define-color entry_background_a shade (@theme_base_color, 0.86);
|
||
|
|
@define-color entry_background_b shade (@theme_base_color, 0.96);
|
||
|
|
@define-color entry_background_c shade (@theme_base_color, 0.98);
|
||
|
|
@define-color entry_background_d shade (@theme_base_color, 1.00);
|
||
|
|
|
||
|
|
@define-color internal_element_color #646464;
|
||
|
|
@define-color internal_element_prelight @theme_text_color;
|
||
|
|
@define-color internal_element_insensitive shade (@internal_element_color, 1.4);
|
||
|
|
|
||
|
|
@define-color scale_fill @insensitive_border_color;
|
||
|
|
@define-color scale_border_a @internal_element_color;
|
||
|
|
@define-color scale_border_b shade (@internal_element_color, 1.25);
|
||
|
|
@define-color scale_progress_border_a #1864b2;
|
||
|
|
@define-color scale_progress_border_b #3e90e5;
|
||
|
|
|
||
|
|
@define-color highlighted_border #8f8f8f;
|
||
|
|
@define-color transparent alpha(#000, 0.0);
|
||
|
|
|
||
|
|
@define-color notebook_border shade(@theme_bg_color, 0.65);
|
||
|
|
|
||
|
|
@define-color toolbar_gradient_base shade(#aaaaaa, 0.65);
|
||
|
|
@define-color toolbar_gradient_step1 #bcbcb4;
|
||
|
|
@define-color toolbar_gradient_step2 #d9d9d7;
|
||
|
|
@define-color toolbar_gradient_final #e5e5e2;
|
||
|
|
|
||
|
|
@define-color toolbar_border_top shade (@theme_bg_color, 0.56);
|
||
|
|
@define-color toolbar_border_bottom shade (@theme_bg_color, 0.83);
|
||
|
|
|
||
|
|
@define-color toolbar_active_button_color #909081;
|
||
|
|
|
||
|
|
@define-color primary_toolbar_entry_bg @theme_base_color;
|
||
|
|
@define-color primary_toolbar_entry_fg @theme_text_color;
|
||
|
|
|
||
|
|
@define-color nautilus_cluebar_color shade(@sidebar_background, 1.00);
|
||
|
|
@define-color treeview_focus_border @nautilus_cluebar_color;
|
||
|
|
|
||
|
|
@define-color expander_row_selected_color #FFFFFF;
|
||
|
|
@define-color test #f00;
|
||
|
|
|
||
|
|
/* Metacity ¡No modificar! */
|
||
|
|
@define-color wm_highlight #ffffff;
|
||
|
|
@define-color wm_title_highlight #ffffff;
|
||
|
|
|
||
|
|
@define-color wm_bg_a shade (@bg_color, 1.1);
|
||
|
|
@define-color wm_bg_b @bg_color;
|
||
|
|
|
||
|
|
@define-color wm_button_bg_a shade (@bg_color, 1.0);
|
||
|
|
@define-color wm_button_bg_b shade (@bg_color, 0.85);
|
||
|
|
@define-color wm_button_bg_c shade (@bg_color, 0.8);
|
||
|
|
@define-color wm_button_bg_d shade (@bg_color, 0.9);
|
||
|
|
|
||
|
|
@define-color wm_button_bg_hover_a shade (@wm_button_bg_a, 1.1);
|
||
|
|
@define-color wm_button_bg_hover_b shade (@wm_button_bg_b, 1.1);
|
||
|
|
@define-color wm_button_bg_hover_c shade (@wm_button_bg_c, 1.1);
|
||
|
|
@define-color wm_button_bg_hover_d shade (@wm_button_bg_d, 1.1);
|
||
|
|
|
||
|
|
@define-color wm_button_bg_active_a shade (@bg_color, 0.7);
|
||
|
|
@define-color wm_button_bg_active_b shade (@bg_color, 0.9);
|
||
|
|
@define-color wm_button_bg_active_c shade (@bg_color, 0.9);
|
||
|
|
|
||
|
|
@import url("gtk-widgets.css");
|
||
|
|
@import url("menu_frame.css");
|
||
|
|
@import url("scrollbar.css");
|
||
|
|
@import url("sidebar.css");
|
||
|
|
@import url("gtk-widgets-assets.css");
|
||
|
|
@import url("gnome-panel.css");
|
||
|
|
/*
|
||
|
|
There are 3 options for Tabs:
|
||
|
|
-----------------------------------
|
||
|
|
@import url("tabs.css");
|
||
|
|
@import url("tabs-2.css");
|
||
|
|
@import url("tabs-classic.css");
|
||
|
|
*/
|
||
|
|
|
||
|
|
@import url("tabs.css");
|
||
|
|
|
||
|
|
/*
|
||
|
|
There are 2 options for Unity panel:
|
||
|
|
|
||
|
|
If you prefer the dark panel "Unity"
|
||
|
|
------------------------------------
|
||
|
|
@import url("unity-darkest.css");
|
||
|
|
|
||
|
|
If you prefer the default (perfect fit with maximized windows)
|
||
|
|
--------------------------------------------------------------
|
||
|
|
@import url("unity.css");
|
||
|
|
|
||
|
|
(edit the line below according to the style you want)
|
||
|
|
*/
|
||
|
|
@import url("unity.css");
|
||
|
|
|
||
|
|
/*
|
||
|
|
There are 3 options for nautilus:
|
||
|
|
-----------------------------------
|
||
|
|
|
||
|
|
1.- nautilus sidebar and pathbar dark gray:
|
||
|
|
@import url("gnome-applications-gray.css");
|
||
|
|
OR
|
||
|
|
2.- nautilus sidebar and pathbar light:
|
||
|
|
@import url("gnome-applications-light.css");
|
||
|
|
OR
|
||
|
|
3.- nautilus sidebar dark gray and pathbar light:
|
||
|
|
@import url("gnome-applications-gray-light.css");
|
||
|
|
|
||
|
|
(edit the line below according to the style of nautilus you want)
|
||
|
|
*/
|
||
|
|
/* ---------------------------------------------------- */
|
||
|
|
@import url("gnome-applications-light.css");
|
||
|
|
/* ---------------------------------------------------- */
|
||
|
|
|
||
|
|
|
||
|
|
GtkBox { background-color: transparent; }
|