adding dark mode to CSS

master
Aaron Johnson 5 years ago
parent ea18a9e852
commit 166e0e9608

@ -31,7 +31,8 @@ window {
*:selected,
*:selected:focus {
background-color: @theme_selected_bg_color;
/*background-color: @theme_selected_bg_color;*/
background-color: @theme_window_border_color;
color: @theme_selected_fg_color;
}

@ -6,20 +6,21 @@
* color scheme *
****************/
@define-color theme_base_color #ffffff;
@define-color theme_window_border_color #314a4e;
@define-color theme_base_color #242424;
@define-color theme_bg_color #cacccc;
@define-color theme_fg_color #000000;
@define-color theme_bg_color #232323;
@define-color theme_fg_color #F1F1F1;
@define-color theme_selected_bg_color #3c7077;
@define-color theme_selected_bg_color #408994;
@define-color theme_selected_fg_color #ffffff;
@define-color theme_tooltip_bg_color #414445;
@define-color theme_tooltip_bg_color #323334;
@define-color theme_tooltip_fg_color #d5eef2;
@define-color theme_text_color #1a1a1a;
@define-color theme_text_color #E5E5E5;
@define-color link_color #005ca8;
@define-color link_color #1D8CA8;
@define-color visited_link_color #554a5b;
/***************
@ -29,8 +30,8 @@
/* Core colors are only used in the current file, as bases for other
color declarations. */
@define-color core_color_a #7cbcc6; /* Core color for blue widgets in Traditional_A-Ron. */
@define-color core_color_b #afb1b1; /* Core color for gray widgets in Traditional_A-Ron. */
@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. *
@ -41,7 +42,7 @@
***********/
@define-color insensitive_bg_color @theme_bg_color;
@define-color insensitive_fg_color shade(@core_color_b, 0.70);
@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;
@ -66,12 +67,12 @@
@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 #39555a;
@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.05);
@define-color button_hover_gradient_b shade(@core_color_b, 1.15);
@define-color button_hover_gradient_c @core_color_b;
/* active */
@ -370,12 +371,12 @@
/* slider */
@define-color scrollbar_slider_bg_color shade(@core_color_a, 0.99);
@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.96);
@define-color scrollbar_slider_gradient_c shade(@core_color_a, 0.92);
@define-color scrollbar_slider_gradient_d shade(@core_color_a, 0.88);
@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);
@ -383,12 +384,12 @@
/* slider hover */
@define-color scrollbar_slider_hover_bg_color shade(@core_color_a, 1.03);
@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.99);
@define-color scrollbar_slider_hover_gradient_c shade(@core_color_a, 0.96);
@define-color scrollbar_slider_hover_gradient_d shade(@core_color_a, 0.91);
@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 */
@ -403,10 +404,10 @@
/* button hover */
@define-color scrollbar_button_hover_gradient_a shade(@core_color_b, 1.07);
@define-color scrollbar_button_hover_gradient_b shade(@core_color_b, 1.05);
@define-color scrollbar_button_hover_gradient_c shade(@core_color_b, 1.02);
@define-color scrollbar_button_hover_gradient_d shade(@core_color_b, 0.97);
@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 */

Loading…
Cancel
Save