From 166e0e96081e2e041d56b7ba2467397308c12ba4 Mon Sep 17 00:00:00 2001 From: Aaron Johnson Date: Sun, 19 Apr 2020 04:27:37 -0500 Subject: [PATCH] adding dark mode to CSS --- SkyfallDarkTeal/gtk-3.0/gtk-widgets.css | 3 +- SkyfallDarkTeal/gtk-3.0/gtk.css | 49 +++++++++++++------------ 2 files changed, 27 insertions(+), 25 deletions(-) diff --git a/SkyfallDarkTeal/gtk-3.0/gtk-widgets.css b/SkyfallDarkTeal/gtk-3.0/gtk-widgets.css index 05a903b..520548a 100644 --- a/SkyfallDarkTeal/gtk-3.0/gtk-widgets.css +++ b/SkyfallDarkTeal/gtk-3.0/gtk-widgets.css @@ -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; } diff --git a/SkyfallDarkTeal/gtk-3.0/gtk.css b/SkyfallDarkTeal/gtk-3.0/gtk.css index ce849a8..125bbb4 100644 --- a/SkyfallDarkTeal/gtk-3.0/gtk.css +++ b/SkyfallDarkTeal/gtk-3.0/gtk.css @@ -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 */