You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

517 lines
18 KiB

/***********************************************************************
* This section can be modified to create color variants of the theme. *
***********************************************************************/
/****************
* color scheme *
****************/
@define-color theme_window_border_color #314a4e;
@define-color theme_base_color #2B2B2B;
@define-color theme_bg_color #2B2B2B;
@define-color theme_fg_color #F1F1F1;
@define-color theme_selected_bg_color #408994;
@define-color theme_selected_fg_color #ffffff;
@define-color theme_tooltip_bg_color #323334;
@define-color theme_tooltip_fg_color #d5eef2;
@define-color theme_text_color #E5E5E5;
@define-color link_color #1D8CA8;
@define-color visited_link_color #554a5b;
/***************
* core colors *
***************/
/* Core colors are only used in the current file, as bases for other
color declarations. */
@define-color core_color_a #41909D; /* Core color for teal widgets in Skyfall*Teal. */
@define-color core_color_b #2A2A2A; /* Core color for gray widgets in Skyfall*Teal. */
/********************************************
* End of configuration for color variants. *
********************************************/
/***********
* general *
***********/
@define-color insensitive_bg_color @theme_bg_color;
@define-color insensitive_fg_color shade(@core_color_b, 2.50);
@define-color insensitive_text_shadow_color @theme_base_color;
@define-color internal_element_color @theme_text_color;
@define-color internal_element_hover_color @theme_text_color;
@define-color internal_element_insensitive_color @insensitive_fg_color;
@define-color theme_unfocused_bg_color @theme_bg_color;
/* border */
@define-color border_color shade(@core_color_b, 0.67);
@define-color focus_border_color mix(#acacac, shade(@core_color_a, 0.75), 0.54);
@define-color insensitive_border_color shade(@core_color_b, 0.79);
/**********
* button *
**********/
@define-color button_gradient_a shade(@core_color_b, 1.07);
@define-color button_gradient_b shade(@core_color_b, 1.06);
@define-color button_gradient_c shade(@core_color_b, 1.04);
@define-color button_gradient_d shade(@core_color_b, 0.98);
@define-color button_default_border_color #4c97a3;
@define-color button_default_box_shadow_color #1e1f20;
/* hover */
@define-color button_hover_gradient_a @theme_base_color;
@define-color button_hover_gradient_b shade(@core_color_b, 1.15);
@define-color button_hover_gradient_c @core_color_b;
/* active */
@define-color button_active_text_color @theme_fg_color;
@define-color button_active_gradient_a shade(@core_color_b, 0.85);
@define-color button_active_gradient_b shade(@core_color_b, 0.90);
@define-color button_active_gradient_c shade(@core_color_b, 0.91);
@define-color button_active_gradient_d shade(@core_color_b, 0.86);
@define-color button_active_gradient_e shade(@core_color_b, 0.84);
@define-color button_active_gradient_f shade(@core_color_b, 0.80);
/* insensitive */
@define-color button_insensitive_inner_border_color shade(@core_color_b, 1.05);
@define-color button_insensitive_gradient_a shade(@core_color_b, 1.04);
@define-color button_insensitive_gradient_b shade(@core_color_b, 1.01);
@define-color button_insensitive_gradient_c shade(@core_color_b, 0.99);
@define-color button_insensitive_gradient_d shade(@core_color_b, 0.96);
/* active insensitive */
@define-color button_active_insensitive_gradient_a shade(@core_color_b, 0.98);
@define-color button_active_insensitive_gradient_b shade(@core_color_b, 1.02);
@define-color button_active_insensitive_gradient_c shade(@core_color_b, 1.03);
@define-color button_active_insensitive_gradient_d shade(@core_color_b, 1.01);
@define-color button_active_insensitive_gradient_e shade(@core_color_b, 0.99);
@define-color button_active_insensitive_gradient_f shade(@core_color_b, 0.96);
/* primary toolbar focus */
@define-color pt_button_focus_gradient_a mix(#fafafa, shade(@core_color_a, 1.09), 0.3);
@define-color pt_button_focus_gradient_b mix(#ededed, shade(@core_color_a, 1.05), 0.3);
@define-color pt_button_focus_gradient_c mix(#e8e8e8, shade(@core_color_a, 1.01), 0.25);
@define-color pt_button_focus_gradient_d mix(#e8e8e8, shade(@core_color_a, 0.96), 0.3);
/* primary toolbar focus hover */
@define-color pt_button_focus_hover_gradient_a mix(#fcfcfc, shade(@core_color_a, 1.09), 0.15);
@define-color pt_button_focus_hover_gradient_b mix(#fcfcfc, shade(@core_color_a, 1.05), 0.15);
@define-color pt_button_focus_hover_gradient_c mix(#fcfcfc, shade(@core_color_a, 1.01), 0.2);
@define-color pt_button_focus_hover_gradient_d mix(#e8e8e8, shade(@core_color_a, 0.96), 0.2);
/*****************
* color chooser *
*****************/
@define-color color_swatch_border_color @border_color;
@define-color color_swatch_hover_border_color @menubar_menuitem_hover_border_color;
@define-color color_active_badge_light_border_color @theme_fg_color;
@define-color color_active_badge_light_color @color_active_badge_light_border_color;
@define-color color_active_badge_dark_border_color @theme_base_color;
@define-color color_active_badge_dark_color @color_active_badge_light_border_color;
/*****************
* column-header *
*****************/
@define-color column_header_border_top_color @theme_base_color;
@define-color column_header_border_right_color shade(@core_color_b, 0.82);
@define-color column_header_border_bottom_color shade(@core_color_b, 0.70);
@define-color column_header_border_left_color @column_header_border_top_color;
@define-color column_header_button_gradient_a shade(@core_color_b, 1.05);
@define-color column_header_button_gradient_b shade(@core_color_b, 1.02);
@define-color column_header_button_gradient_c @core_color_b;
@define-color column_header_button_gradient_d shade(@core_color_b, 0.96);
/*********
* entry *
*********/
@define-color entry_text_color @theme_text_color;
@define-color entry_inner_border_color shade(@core_color_b, 0.96);
@define-color entry_bg_color @theme_base_color;
/* insensitive */
@define-color entry_insensitive_inner_border_color shade(@core_color_b, 0.97);
@define-color entry_insensitive_bg_color @insensitive_bg_color;
/************
* expander *
************/
@define-color expander_row_selected_border_color mix(#acacac, shade(@core_color_a, 0.75), 0.54);
/*****************
* fallback mode *
*****************/
@define-color os_chrome_bg_color @theme_bg_color;
@define-color os_chrome_fg_color @theme_fg_color;
/* gnome-panel */
@define-color applet_frame_bg_color shade(@core_color_b, 0.89);
@define-color pager_bg_color shade(@core_color_b, 0.97);
/*******************************
* info/question/error/warning *
*******************************/
@define-color info_bg_color @theme_tooltip_bg_color;
@define-color info_fg_color @theme_fg_color;
@define-color question_bg_color mix(#727272, shade(@core_color_a, 0.90), 0.95);
@define-color question_fg_color @theme_base_color;
@define-color error_color #cc0000;
@define-color error_bg_color mix(#ababab, shade(@error_color, 0.77), 0.78);
@define-color error_fg_color @theme_base_color;
@define-color warning_bg_color #faad3d;
@define-color warning_fg_color @theme_fg_color;
/********
* menu *
********/
@define-color menu_bg_color shade(@theme_bg_color, 1.04);
@define-color menu_fg_color @theme_fg_color;
/* Example: submenu arrow. */
@define-color menu_controls_color @theme_fg_color;
@define-color menu_border_color shade(@core_color_b, 0.72);
@define-color menu_separator_color @menu_border_color;
/***********
* menubar *
***********/
@define-color menubar_gradient_a shade(@core_color_b, 0.99);
@define-color menubar_gradient_b shade(@core_color_b, 0.98);
@define-color menubar_gradient_c shade(@core_color_b, 0.96);
/* hover */
@define-color menubar_menuitem_hover_color @theme_selected_fg_color;
@define-color menubar_menuitem_hover_border_color shade(@core_color_a, 0.58);
@define-color menubar_menuitem_hover_gradient_a @core_color_a;
@define-color menubar_menuitem_hover_gradient_b shade(@core_color_a, 0.95);
@define-color menubar_menuitem_hover_gradient_c shade(@core_color_a, 0.93);
@define-color menubar_menuitem_hover_gradient_d shade(@core_color_a, 0.88);
/************
* notebook *
************/
@define-color notebook_bg_color shade(@core_color_b, 1.02);
@define-color notebook_tab_inner_border_color shade(@core_color_b, 1.04);
@define-color notebook_tab_gradient_a shade(@core_color_b, 0.97);
@define-color notebook_tab_gradient_b shade(@core_color_b, 0.92);
@define-color notebook_tab_gradient_c shade(@core_color_b, 0.90);
@define-color notebook_tab_gradient_d shade(@core_color_b, 0.86);
/* active tab */
@define-color notebook_active_tab_border @menubar_menuitem_hover_border_color;
@define-color notebook_active_tab_strip_gradient_a shade(@core_color_a, 1.05);
@define-color notebook_active_tab_strip_gradient_b shade(@core_color_a, 0.94);
@define-color notebook_active_tab_strip_border_bottom_color mix(#727272, shade(@core_color_a, 0.84), 0.65);
@define-color notebook_active_tab_gradient_a shade(@core_color_b, 1.07);
@define-color notebook_active_tab_gradient_b @notebook_bg_color;
/*******
* osd *
*******/
@define-color osd_highlight #ffffff;
@define-color osd_lowlight #525252;
@define-color osd_base #212526;
@define-color osd_base_backdrop shade(@osd_base, 1.40);
@define-color osd_fg #ededed;
@define-color osd_bg alpha(@osd_base, 0.80);
@define-color osd_bg_backdrop alpha(@osd_base_backdrop, 0.90);
@define-color osd_text_shadow alpha(black, 0.75);
@define-color osd_toolbar_bg_a alpha(@osd_base, 0.50);
@define-color osd_toolbar_bg_b alpha(#101010, 0.50);
@define-color osd_toolbar_bg_c alpha(shade(@osd_base, 1.02), 0.50);
@define-color osd_button_bg_a alpha(@osd_highlight, 0.16);
@define-color osd_button_bg_b alpha(@osd_lowlight, 0.05);
@define-color osd_button_bg_c alpha(@osd_highlight, 0.12);
@define-color osd_button_bg_insensitive alpha(@osd_bg, 0.25);
@define-color osd_button_bg_insensitive_active alpha(@osd_bg, 0.16);
@define-color osd_button_bg_hover_a alpha(@osd_highlight, 0.28);
@define-color osd_button_bg_hover_b alpha(@osd_lowlight, 0.14);
@define-color osd_button_bg_hover_c alpha(@osd_highlight, 0.14);
@define-color osd_button_bg_active_a alpha(black, .9);
@define-color osd_button_bg_active_b alpha(black, 0.4);
@define-color osd_button_bg_active_c alpha(black, 0);
@define-color osd_button_bg_backdrop alpha(@osd_bg, 0.18);
@define-color osd_button_bg_backdrop_hover alpha(@osd_bg, 0.25);
@define-color osd_button_bg_backdrop_active alpha(@osd_bg, 0.35);
@define-color osd_button_bg_backdrop_insensitive alpha(@osd_bg, 0.08);
@define-color osd_button_fg_backdrop shade(@osd_fg, 0.70);
@define-color osd_button_fg_backdrop_active shade(@osd_fg, 0.95);
@define-color osd_button_fg shade(@osd_fg, 0.80);
@define-color osd_button_fg_hover shade(@osd_fg, 0.96);
@define-color osd_button_fg_active shade(@osd_fg, 1.10);
@define-color osd_button_fg_insensitive shade(@osd_fg, 0.70);
@define-color osd_button_border alpha(@osd_highlight, 0.40);
@define-color osd_button_border_active alpha(@osd_highlight, 0.8);
@define-color osd_button_inset shade(@osd_fg, 0.67);
@define-color osd_button_shadow alpha(black, 0.35);
@define-color osd_trough_bg alpha(@osd_button_fg, 0.10);
@define-color osd_scale_trough_bg_color alpha(shade(@core_color_b, 0.35), 0.4);
@define-color osd_scale_trough_highlight_bg_color alpha(shade(@core_color_a, 1.00), 0.4);
@define-color osd_view_bg alpha(@osd_bg, 0.60);
@define-color osd_view_bg_backdrop alpha(@osd_bg_backdrop, 0.60);
@define-color osd_scrollbar_trough shade(@osd_base, 1.70);
@define-color osd_scrollbar_trough_backdrop shade(@osd_base_backdrop, 1.40);
@define-color osd_scrollbar_slider shade(@osd_scrollbar_trough, 1.50);
@define-color osd_scrollbar_slider_prelight shade(@osd_scrollbar_trough, 1.80);
@define-color osd_scrollbar_slider_active shade(@osd_scrollbar_trough, 2.10);
@define-color osd_scrollbar_slider_backdrop shade(@osd_scrollbar_trough_backdrop, 1.50);
/***************
* progressbar *
***************/
@define-color progressbar_border_color mix(#6a6a6a, shade(@core_color_a, 0.75), 0.80);
@define-color progressbar_pattern_color @progressbar_border_color;
@define-color progressbar_bg_color @core_color_a;
@define-color progressbar_gradient_a @progressbar_bg_color;
@define-color progressbar_gradient_b @menubar_menuitem_hover_gradient_b;
@define-color progressbar_gradient_c @menubar_menuitem_hover_gradient_c;
@define-color progressbar_gradient_d @menubar_menuitem_hover_gradient_d;
/*********
* scale *
*********/
@define-color scale_mark_color @border_color;
@define-color scale_progressbar_bg_color @scale_trough_highlight_gradient_b;
@define-color scale_trough_border_color shade(@core_color_b, 0.56);
@define-color scale_trough_bg_color shade(@core_color_b, 0.90);
/* trough highlight */
@define-color scale_trough_highlight_border_color mix(#2b2b2b, shade(@core_color_a, 0.75), 0.80);
@define-color scale_trough_highlight_bg_color shade(@core_color_a, 0.92);
/* trough insensitive */
@define-color scale_trough_insensitive_border_color @insensitive_border_color;
@define-color scale_trough_insensitive_bg_color shade(@core_color_b, 0.97);
/* trough highlight insensitive */
@define-color scale_trough_highlight_insensitive_border_color mix(#6a6a6a, shade(@core_color_a, 0.88), 0.90);
@define-color scale_trough_highlight_insensitive_bg_color shade(@core_color_a, 1.20);
/*************
* scrollbar *
*************/
/* junction */
@define-color scrollbars_junction_bg_color @theme_bg_color;
/* trough */
@define-color scrollbar_trough_border_color shade(@core_color_b, 0.67);
@define-color scrollbar_trough_gradient_a shade(@core_color_b, 0.86);
@define-color scrollbar_trough_gradient_b shade(@core_color_b, 0.90);
/* slider */
@define-color scrollbar_slider_bg_color shade(@core_color_a, 0.59);
@define-color scrollbar_slider_gradient_a @scrollbar_slider_bg_color;
@define-color scrollbar_slider_gradient_b shade(@core_color_a, 0.86);
@define-color scrollbar_slider_gradient_c shade(@core_color_a, 0.82);
@define-color scrollbar_slider_gradient_d shade(@core_color_a, 0.78);
@define-color scrollbar_slider_border_color mix(#000000, shade(@core_color_a, 0.72), 0.95);
@define-color scrollbar_slider_inner_border_color shade(@core_color_a, 1.04);
/* slider hover */
@define-color scrollbar_slider_hover_bg_color shade(@core_color_a, 0.76);
@define-color scrollbar_slider_hover_gradient_a @scrollbar_slider_hover_bg_color;
@define-color scrollbar_slider_hover_gradient_b shade(@core_color_a, 0.89);
@define-color scrollbar_slider_hover_gradient_c shade(@core_color_a, 0.86);
@define-color scrollbar_slider_hover_gradient_d shade(@core_color_a, 0.81);
/* button */
@define-color scrollbar_button_color @theme_fg_color;
@define-color scrollbar_button_insensitive_color @internal_element_insensitive_color;
@define-color scrollbar_button_border_color shade(@core_color_b, 0.56);
@define-color scrollbar_button_gradient_a shade(@core_color_b, 1.07);
@define-color scrollbar_button_gradient_b shade(@core_color_b, 1.02);
@define-color scrollbar_button_gradient_c shade(@core_color_b, 0.99);
@define-color scrollbar_button_gradient_d shade(@core_color_b, 0.95);
/* button hover */
@define-color scrollbar_button_hover_gradient_a shade(@core_color_b, 1.27);
@define-color scrollbar_button_hover_gradient_b shade(@core_color_b, 1.25);
@define-color scrollbar_button_hover_gradient_c shade(@core_color_b, 1.22);
@define-color scrollbar_button_hover_gradient_d shade(@core_color_b, 1.17);
/* button active */
@define-color scrollbar_button_active_gradient_a shade(@core_color_b, 0.95);
@define-color scrollbar_button_active_gradient_b shade(@core_color_b, 0.92);
@define-color scrollbar_button_active_gradient_c shade(@core_color_b, 0.89);
@define-color scrollbar_button_active_gradient_d shade(@core_color_b, 0.85);
/***********
* sidebar *
***********/
@define-color sidebar_bg_color @theme_base_color;
@define-color gtkassistant_sidebar_border_color @border_color;
/**************
* spinbutton *
**************/
@define-color spinbutton_border_color @border_color;
/**********
* switch *
**********/
@define-color switch_color shade(@core_color_b, 0.45);
@define-color switch_slider_border_color @progressbar_border_color;
@define-color switch_slider_bg_color @scrollbar_slider_bg_color;
@define-color switch_slider_gradient_a @switch_slider_bg_color;
@define-color switch_slider_gradient_b @scrollbar_slider_gradient_b;
@define-color switch_slider_gradient_c @scrollbar_slider_gradient_c;
@define-color switch_slider_gradient_d @scrollbar_slider_gradient_d;
/* active */
@define-color switch_trough_active_color @theme_base_color;
@define-color switch_trough_active_gradient_a @menubar_menuitem_hover_border_color;
@define-color switch_trough_active_gradient_b shade(@core_color_a, 1.12);
/* insensitive */
@define-color switch_slider_insensitive_bg_color @button_insensitive_gradient_a;
@define-color switch_slider_insensitive_gradient_a @switch_slider_insensitive_bg_color;
@define-color switch_slider_insensitive_gradient_b @button_insensitive_gradient_b;
@define-color switch_slider_insensitive_gradient_c @button_insensitive_gradient_c;
@define-color switch_slider_insensitive_gradient_d @button_insensitive_gradient_d;
/***********
* toolbar *
***********/
@define-color toolbar_border_top_color shade(@core_color_b, 0.82);
@define-color toolbar_inner_border_color @theme_base_color;
@define-color toolbar_border_bottom_color @toolbar_border_top_color;
@define-color toolbar_gradient_a shade(@core_color_b, 1.04);
@define-color toolbar_gradient_b shade(@core_color_b, 1.01);
@define-color toolbar_gradient_c @core_color_b;
@define-color toolbar_gradient_d shade(@core_color_b, 0.97);
/***********
* tooltip *
***********/
@define-color theme_tooltip_border_color shade(@theme_tooltip_bg_color, 0.60);
/**********
* trough *
**********/
@define-color trough_gradient_a shade(@core_color_b, 0.81);
@define-color trough_gradient_b shade(@core_color_b, 0.90);
/************************
* overshoot/undershoot *
************************/
@define-color overshoot_bg_color alpha (@theme_selected_bg_color, 0.15);
@define-color overshoot_backdrop_bg_color @theme_selected_bg_color;
/**********
* WM *
**********/
@define-color wm_shadow alpha(black, 0.5);
@define-color wm_border alpha(black,0.18);
@define-color wm_bg_a shade (@theme_bg_color, 1.05);
@define-color wm_bg_b @theme_bg_color;
@define-color wm_csd_solid_border_color shade (@theme_selected_bg_color, 0.55);
/***********
* imports *
***********/
@import url("gtk-widgets-img.css");
@import url("gtk-widgets.css");
@import url("applications.css");
@import url("other-applications.css");
@import url("mate-applications.css");
@import url("gtk-taskbar.css");