skyfall
/
skyfall_themes_gtk3
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

adding dark mode to CSS

Browse Source
master
Aaron Johnson 5 years ago
parent ea18a9e852
commit 166e0e9608
2 changed files with 27 additions and 25 deletions
Show Stats Download Patch File Download Diff File

3
SkyfallDarkTeal/gtk-3.0/gtk-widgets.css
Unescape View File

@ -31,7 +31,8 @@ window {
*:selected, *:selected,
*:selected:focus { *: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; color: @theme_selected_fg_color;
} }

49
SkyfallDarkTeal/gtk-3.0/gtk.css
Unescape View File

@ -6,20 +6,21 @@
* color scheme * * 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_bg_color #232323;
@define-color theme_fg_color #000000; @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_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_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; @define-color visited_link_color #554a5b;
/*************** /***************
@ -29,8 +30,8 @@
/* Core colors are only used in the current file, as bases for other /* Core colors are only used in the current file, as bases for other
color declarations. */ color declarations. */
@define-color core_color_a #7cbcc6; /* Core color for blue widgets in Traditional_A-Ron. */ @define-color core_color_a #41909D; /* Core color for teal widgets in Skyfall*Teal. */
@define-color core_color_b #afb1b1; /* Core color for gray widgets in Traditional_A-Ron. */ @define-color core_color_b #2A2A2A; /* Core color for gray widgets in Skyfall*Teal. */
/******************************************** /********************************************
* End of configuration for color variants. * * End of configuration for color variants. *
@ -41,7 +42,7 @@
***********/ ***********/
@define-color insensitive_bg_color @theme_bg_color; @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 insensitive_text_shadow_color @theme_base_color;
@define-color internal_element_color @theme_text_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_gradient_d shade(@core_color_b, 0.98);
@define-color button_default_border_color #4c97a3; @define-color button_default_border_color #4c97a3;
@define-color button_default_box_shadow_color #39555a; @define-color button_default_box_shadow_color #1e1f20;
/* hover */ /* hover */
@define-color button_hover_gradient_a @theme_base_color; @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; @define-color button_hover_gradient_c @core_color_b;
/* active */ /* active */
@ -370,12 +371,12 @@
/* slider */ /* 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_a @scrollbar_slider_bg_color;
@define-color scrollbar_slider_gradient_b shade(@core_color_a, 0.96); @define-color scrollbar_slider_gradient_b shade(@core_color_a, 0.86);
@define-color scrollbar_slider_gradient_c shade(@core_color_a, 0.92); @define-color scrollbar_slider_gradient_c shade(@core_color_a, 0.82);
@define-color scrollbar_slider_gradient_d shade(@core_color_a, 0.88); @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_border_color mix(#000000, shade(@core_color_a, 0.72), 0.95);
@ -383,12 +384,12 @@
/* slider hover */ /* 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_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_b shade(@core_color_a, 0.89);
@define-color scrollbar_slider_hover_gradient_c shade(@core_color_a, 0.96); @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.91); @define-color scrollbar_slider_hover_gradient_d shade(@core_color_a, 0.81);
/* button */ /* button */
@ -403,10 +404,10 @@
/* button hover */ /* button hover */
@define-color scrollbar_button_hover_gradient_a shade(@core_color_b, 1.07); @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.05); @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.02); @define-color scrollbar_button_hover_gradient_c shade(@core_color_b, 1.22);
@define-color scrollbar_button_hover_gradient_d shade(@core_color_b, 0.97); @define-color scrollbar_button_hover_gradient_d shade(@core_color_b, 1.17);
/* button active */ /* button active */

Write Preview
Loading…
Cancel
Save