Merge lp:~3v1n0/ubuntu-themes/theme-colors-definitions into lp:ubuntu-themes

[Marco Trevisan (Treviño)]

Ambiance, Radiance: add missing global color definitions

[lp:~3v1n0/ubuntu-themes/theme-colors-definitions]

618. By Marco Trevisan (Treviño) on 2018-04-10

Ambiance, Radiance: move gtk colors definitions in public-colors.css

Remove wrong definitions that were overriding the ones we wanted

=== modified file 'Ambiance/gtk-3.20/gtk-main.css'
--- Ambiance/gtk-3.20/gtk-main.css	2018-03-22 07:12:28 +0000
+++ Ambiance/gtk-3.20/gtk-main.css	2018-04-10 21:51:21 +0000
@@ -1,106 +1,28 @@
 /*default color scheme */
 @define-color bg_color #f2f1f0;
 @define-color fg_color #4c4c4c;
+@define-color dark_bg_color #3c3b37;
+@define-color dark_fg_color #dfdbd2;
 @define-color base_color #ffffff;
 @define-color text_color #3C3C3C;
 @define-color selected_bg_color #f07746;
 @define-color selected_fg_color #ffffff;
 @define-color tooltip_bg_color #000000;
 @define-color tooltip_fg_color #ffffff;
+@define-color backdrop_fg_color mix (@bg_color, @fg_color, 0.8);
+@define-color backdrop_text_color mix (@base_color, @text_color, 0.8);
 
 @define-color active_shadow_color black;
 @define-color inactive_shadow_color alpha(black, 0.3);
 
-/** GTK NAMED COLORS: these might be reused by apps, keep in sync with Adwaita **/
-/*
-widget text/foreground color */
-@define-color theme_fg_color @fg_color;
-/*
-text color for entries, views and content in general */
-@define-color theme_text_color @fg_color;
-/*
-widget base background color */
-@define-color theme_bg_color @bg_color;
-/*
-text widgets and the like base background color */
-@define-color theme_base_color @base_color;
-/*
-base background color of selections */
-@define-color theme_selected_bg_color @selected_bg_color;
-/*
-text/foreground color of selections */
-@define-color theme_selected_fg_color @selected_fg_color;
-/*
-base background color of insensitive widgets */
-@define-color insensitive_bg_color shade(@bg_color, 0.95);
-/*
-text foreground color of insensitive widgets */
-@define-color insensitive_fg_color shade(@bg_color, 0.6);
-/*
-insensitive text widgets and the like base background color */
-@define-color insensitive_base_color @theme_base_color;
-/*
-widget text/foreground color on backdrop windows */
-@define-color theme_unfocused_fg_color @backdrop_fg_color;
-/*
-text color for entries, views and content in general on backdrop windows */
-@define-color theme_unfocused_text_color @backdrop_text_color;
-/*
-widget base background color on backdrop windows */
-@define-color theme_unfocused_bg_color @theme_bg_color;
-/*
-text widgets and the like base background color on backdrop windows */
-@define-color theme_unfocused_base_color @theme_base_color;
-/*
-base background color of selections on backdrop windows */
-@define-color theme_unfocused_selected_bg_color @backdrop_selected_bg_color;
-/*
-text/foreground color of selections on backdrop windows */
-@define-color theme_unfocused_selected_fg_color @backdrop_selected_fg_color;
-/*
-insensitive color on backdrop windows*/
-@define-color unfocused_insensitive_color @insensitive_fg_color;
-/*
-widgets main borders color */
-@define-color borders shade(@bg_color, 0.82);
-/*
-widgets main borders color on backdrop windows */
-@define-color unfocused_borders @borders;
-/*
-these are pretty self explanatory */
-@define-color warning_color #eca918;
-@define-color error_color #df382c;
-@define-color success_color #38b44a;
-
-/** Default theme colors definition end **/
-
-/* misc colors used by gtk+
- *
- * Gtk doesn't currently expand color variables for style properties. Thus,
- * gtk-widgets.css uses literal color names, but includes a comment containing
- * the name of the variable. Please remember to change values there as well
- * when changing one of the variables below.
- */
-@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 (235, 235, 235);
-@define-color error_bg_color rgb (223, 56, 44);
-@define-color link_color #007aa6;
+@import url("public-colors.css");
 
 /* theme common colors */
 @define-color button_text_shadow alpha(white, 0.4);
 @define-color button_bg_color shade (@bg_color, 1.02); /*shade (#cdcdcd, 1.08);*/
 @define-color notebook_button_bg_color shade (@bg_color, 1.02);
 @define-color button_insensitive_bg_color mix (@button_bg_color, @bg_color, 0.6);
-@define-color dark_bg_color #3c3b37;
-@define-color dark_fg_color #dfdbd2;
 
-@define-color backdrop_fg_color mix (@bg_color, @fg_color, 0.8);
-@define-color backdrop_text_color mix (@base_color, @text_color, 0.8);
 @define-color backdrop_dark_fg_color mix (@dark_bg_color, @dark_fg_color, 0.75);
 /*@define-color backdrop_dark_bg_color mix (@dark_bg_color, @dark_fg_color, 0.75);*/
 @define-color backdrop_selected_bg_color shade (@bg_color, 0.92);
@@ -149,4 +71,3 @@
 @import url("apps/software-center.css");
 @import url("apps/calendar.css");
 @import url("apps/libreoffice.css");
-@import url("public-colors.css");

=== modified file 'Ambiance/gtk-3.20/gtk-widgets.css'
--- Ambiance/gtk-3.20/gtk-widgets.css	2018-03-28 06:27:00 +0000
+++ Ambiance/gtk-3.20/gtk-widgets.css	2018-04-10 21:51:21 +0000
@@ -273,7 +273,7 @@
     border-radius: 0;
     border-image-width: 10px 0 10px 0;
     border-width: 1px 0 1px 0;
-    box-shadow: inset -1px 0 shade (@bg_color, 0.84);
+    box-shadow: inset -1px 0 @borders;
 }
 
 .linked entry:dir(rtl),
@@ -283,7 +283,7 @@
 .horizontal.linked button:dir(rtl),
 .horizontal.linked combobox box.linked button:dir(rtl),
 combobox entry + box.linked button:dir(rtl) {
-    box-shadow: inset 1px 0 shade (@bg_color, 0.84);
+    box-shadow: inset 1px 0 @borders;
 }
 
 .linked entry:first-child,
@@ -374,7 +374,7 @@
     border-radius: 0;
     border-image-width: 0 12px 0 12px;
     border-width: 0 1px 0 1px;
-    box-shadow: inset 0 1px shade (@bg_color, 0.84);
+    box-shadow: inset 0 1px @borders;
 }
 
 .vertical.linked entry:first-child,
@@ -552,7 +552,7 @@
 }
 
 .linked.vertical > button:not(:last-child) {
-    box-shadow: inset 0 -1px 0 0 shade (@bg_color, 0.84);
+    box-shadow: inset 0 -1px 0 0 @borders;
 }
 
 .linked.vertical > button:first-child:not(:last-child) {
@@ -1485,7 +1485,7 @@
 
 paned separator {
     background-color: transparent;
-    border-color: shade (@bg_color, 0.84);
+    border-color: @borders;
 }
 
 /************
@@ -2017,7 +2017,7 @@
  *******************/
 .ubuntu-online-accounts.frame,
 scrolledwindow.frame {
-    border-top-color: shade (@bg_color, 0.84);
+    border-top-color: @borders;
     border-right-color: shade (@bg_color, 0.76);
     border-bottom-color: shade (@bg_color, 0.86);
     border-left-color: shade (@bg_color, 0.76);
@@ -2441,7 +2441,7 @@
     border-radius: 0;
     border-image-width: 0 12px 0 12px;
     border-width: 0 1px 0 1px;
-    box-shadow: inset 0 1px shade (@bg_color, 0.84);
+    box-shadow: inset 0 1px @borders;
 }
 
 /***********
@@ -2577,7 +2577,7 @@
 decoration {
     margin: 10px;
     border-radius: 6px 6px 0 0;
-    box-shadow: 1px 5px 13px alpha(@active_shadow_color, 0.85);
+    box-shadow: 1px 5px 13px @wm_shadow;
 }
 
 decoration:backdrop,
@@ -2654,7 +2654,7 @@
 headerbar,
 UnityDecoration .top {
     min-height: 26px;
-    border: 1px solid rgba (0, 3, 5, 0.03); /* shade (@dark_bg_color, 1.04) - shade (@dark_bg_color, 1.5) */
+    border: 1px solid rgba (0, 3, 5, 0.03); /* @wm_bg_b - @wm_bg_a */
     padding: 1px 6px 1px 6px;
 
     box-shadow: inset 0 0 transparent, inset 0 0 transparent,
@@ -2663,10 +2663,9 @@
     background-color: transparent;
     background-clip: border-box;
     background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@dark_bg_color, 1.5)),
-                                     to (shade (@dark_bg_color, 1.04)));
+                                     from (@wm_bg_a), to (@wm_bg_b));
 
-    color: @dark_fg_color;
+    color: @wm_title;
     text-shadow: 1px 0 #333, -1px 0 #333, 0 1px #333, 0 -1px #333;
 }
 
@@ -2897,7 +2896,7 @@
     border-width: 1px 0 1px 0;
     border-radius: 0;
 
-    color: @dark_fg_color;
+    color: @wm_title;
     text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
 
     box-shadow: inset 0 1px shade (@dark_bg_color, 0.94);

=== modified file 'Ambiance/gtk-3.20/public-colors.css'
--- Ambiance/gtk-3.20/public-colors.css	2016-08-01 12:10:11 +0000
+++ Ambiance/gtk-3.20/public-colors.css	2018-04-10 21:51:21 +0000
@@ -1,23 +1,95 @@
+/** GTK NAMED COLORS: these might be reused by apps, keep in sync with Adwaita **/
 /*
- * Some applications depend on these named colors.
- */
-
+widget text/foreground color */
 @define-color theme_fg_color @fg_color;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color @fg_color;
+/*
+widget base background color */
 @define-color theme_bg_color @bg_color;
+/*
+text widgets and the like base background color */
 @define-color theme_base_color @base_color;
+/*
+base background color of selections */
 @define-color theme_selected_bg_color @selected_bg_color;
+/*
+text/foreground color of selections */
 @define-color theme_selected_fg_color @selected_fg_color;
-@define-color insensitive_bg_color @bg_color;
-@define-color insensitive_fg_color @fg_color;
-@define-color insensitive_base_color @base_color;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color shade(@bg_color, 0.95);
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color shade(@bg_color, 0.6);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color @theme_base_color;
+/*
+widget text/foreground color on backdrop windows */
 @define-color theme_unfocused_fg_color @backdrop_fg_color;
-@define-color theme_unfocused_bg_color @bg_color;
-@define-color theme_unfocused_base_color @base_color;
-@define-color theme_unfocused_selected_bg_color @selected_bg_color;
-@define-color theme_unfocused_selected_fg_color @selected_fg_color;
-@define-color borders shade(@bg_color, 0.82);
-@define-color unfocused_borders transparent;
-
-@define-color warning_color @warning_fg_color;
-@define-color error_color @error_fg_color;
-@define-color success_color @success_color;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color @backdrop_text_color;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color @theme_bg_color;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color @theme_base_color;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color @backdrop_selected_bg_color;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color @backdrop_selected_fg_color;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color @insensitive_fg_color;
+/*
+widgets main borders color */
+@define-color borders shade(@bg_color, 0.84);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders @borders;
+/*
+these are pretty self explanatory */
+@define-color warning_color #eca918;
+@define-color error_color #df382c;
+@define-color success_color #38b44a;
+
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title @dark_fg_color;
+@define-color wm_unfocused_title #979797;
+@define-color wm_highlight rgba(0, 0, 0, 0.1);
+@define-color wm_borders_edge rgba(0, 0, 0, 0.1);
+@define-color wm_bg_a shade (@dark_bg_color, 1.5);
+@define-color wm_bg_b shade (@dark_bg_color, 1.04);
+@define-color wm_shadow alpha(@active_shadow_color, 0.85);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#fdfdfd, 1.3);
+@define-color wm_button_hover_color_b #fdfdfd;
+@define-color wm_button_active_color_a shade(#fdfdfd, 0.85);
+@define-color wm_button_active_color_b shade(#fdfdfd, 0.89);
+@define-color wm_button_active_color_c shade(#fdfdfd, 0.9);
+@define-color content_view_bg #ffffff;
+
+/* misc colors used by gtk+
+ *
+ * Gtk doesn't currently expand color variables for style properties. Thus,
+ * gtk-widgets.css uses literal color names, but includes a comment containing
+ * the name of the variable. Please remember to change values there as well
+ * when changing one of the variables below.
+ */
+@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 (235, 235, 235);
+@define-color error_bg_color rgb (223, 56, 44);
+@define-color link_color #007aa6;

=== modified file 'Radiance/gtk-3.20/gtk-main.css'
--- Radiance/gtk-3.20/gtk-main.css	2018-03-22 07:18:04 +0000
+++ Radiance/gtk-3.20/gtk-main.css	2018-04-10 21:51:21 +0000
@@ -1,104 +1,27 @@
 /*default color scheme */
 @define-color bg_color #f2f1f0;
 @define-color fg_color #4c4c4c;
+@define-color dark_bg_color #dfd7cf;
+@define-color dark_fg_color @fg_color;
 @define-color base_color #ffffff;
 @define-color text_color #3C3C3C;
 @define-color selected_bg_color #f07746;
 @define-color selected_fg_color #ffffff;
 @define-color tooltip_bg_color #000000;
 @define-color tooltip_fg_color #ffffff;
+@define-color backdrop_fg_color mix (@bg_color, @fg_color, 0.8);
+@define-color backdrop_text_color mix (@base_color, @text_color, 0.8);
 
 @define-color active_shadow_color black;
 @define-color inactive_shadow_color alpha(black, 0.3);
 
-/** GTK NAMED COLORS: these might be reused by apps, keep in sync with Adwaita **/
-/*
-widget text/foreground color */
-@define-color theme_fg_color @fg_color;
-/*
-text color for entries, views and content in general */
-@define-color theme_text_color @fg_color;
-/*
-widget base background color */
-@define-color theme_bg_color @bg_color;
-/*
-text widgets and the like base background color */
-@define-color theme_base_color @base_color;
-/*
-base background color of selections */
-@define-color theme_selected_bg_color @selected_bg_color;
-/*
-text/foreground color of selections */
-@define-color theme_selected_fg_color @selected_fg_color;
-/*
-base background color of insensitive widgets */
-@define-color insensitive_bg_color shade(@bg_color, 0.95);
-/*
-text foreground color of insensitive widgets */
-@define-color insensitive_fg_color shade(@fg_color, 0.6);
-/*
-insensitive text widgets and the like base background color */
-@define-color insensitive_base_color @theme_base_color;
-/*
-widget text/foreground color on backdrop windows */
-@define-color theme_unfocused_fg_color @backdrop_fg_color;
-/*
-text color for entries, views and content in general on backdrop windows */
-@define-color theme_unfocused_text_color @backdrop_text_color;
-/*
-widget base background color on backdrop windows */
-@define-color theme_unfocused_bg_color @theme_bg_color;
-/*
-text widgets and the like base background color on backdrop windows */
-@define-color theme_unfocused_base_color @theme_base_color;
-/*
-base background color of selections on backdrop windows */
-@define-color theme_unfocused_selected_bg_color @backdrop_selected_bg_color;
-/*
-text/foreground color of selections on backdrop windows */
-@define-color theme_unfocused_selected_fg_color @backdrop_selected_fg_color;
-/*
-insensitive color on backdrop windows*/
-@define-color unfocused_insensitive_color @insensitive_fg_color;
-/*
-widgets main borders color */
-@define-color borders shade(@bg_color, 0.82);
-/*
-widgets main borders color on backdrop windows */
-@define-color unfocused_borders @borders;
-/*
-these are pretty self explanatory */
-@define-color warning_color #eca918;
-@define-color error_color #df382c;
-@define-color success_color #38b44a;
-
-/* misc colors used by gtk+
- *
- * Gtk doesn't currently expand color variables for style properties. Thus,
- * gtk-widgets.css uses literal color names, but includes a comment containing
- * the name of the variable. Please remember to change values there as well
- * when changing one of the variables below.
- */
-@define-color button_text_shadow alpha(white, 0.4);
-@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 (235, 235, 235);
-@define-color error_bg_color rgb (223, 56, 44);
-@define-color link_color #007aa6;
+@import url("public-colors.css");
 
 /* theme common colors */
 @define-color button_bg_color shade (@bg_color, 1.02); /*shade (#cdcdcd, 1.08);*/
 @define-color notebook_button_bg_color shade (@bg_color, 1.02);
 @define-color button_insensitive_bg_color mix (@button_bg_color, @bg_color, 0.6);
-@define-color dark_bg_color #dfd7cf;
-@define-color dark_fg_color @fg_color;
 
-@define-color backdrop_fg_color mix (@bg_color, @fg_color, 0.8);
-@define-color backdrop_text_color mix (@base_color, @text_color, 0.8);
 @define-color backdrop_dark_fg_color mix (@dark_bg_color, @dark_fg_color, 0.75);
 @define-color backdrop_selected_bg_color shade (@bg_color, 0.92);
 @define-color backdrop_selected_fg_color @fg_color;
@@ -146,9 +69,9 @@
 @import url("apps/mozilla.css");
 @import url("apps/gnome-panel.css");
 @import url("apps/gnome-boxes.css");
+@import url("apps/gnome-builder.css");
 @import url("apps/gnome-flashback.css");
 @import url("apps/gnome-terminal.css");
 @import url("apps/software-center.css");
 @import url("apps/calendar.css");
 @import url("apps/libreoffice.css");
-@import url("public-colors.css");

=== modified file 'Radiance/gtk-3.20/gtk-widgets.css'
--- Radiance/gtk-3.20/gtk-widgets.css	2018-03-28 06:27:00 +0000
+++ Radiance/gtk-3.20/gtk-widgets.css	2018-04-10 21:51:21 +0000
@@ -274,7 +274,7 @@
     border-radius: 0;
     border-image-width: 10px 0 10px 0;
     border-width: 1px 0 1px 0;
-    box-shadow: inset -1px 0 shade (@bg_color, 0.84);
+    box-shadow: inset -1px 0 @borders;
 }
 
 .linked entry:dir(rtl),
@@ -284,7 +284,7 @@
 .horizontal.linked button:dir(rtl),
 .horizontal.linked combobox box.linked button:dir(rtl),
 combobox entry + box.linked button:dir(rtl) {
-    box-shadow: inset 1px 0 shade (@bg_color, 0.84);
+    box-shadow: inset 1px 0 @borders;
 }
 
 .linked entry:first-child,
@@ -375,7 +375,7 @@
     border-radius: 0;
     border-image-width: 0 12px 0 12px;
     border-width: 0 1px 0 1px;
-    box-shadow: inset 0 1px shade (@bg_color, 0.84);
+    box-shadow: inset 0 1px @borders;
 }
 
 .vertical.linked entry:first-child,
@@ -547,7 +547,7 @@
 }
 
 .linked.vertical > button:not(:last-child) {
-    box-shadow: inset 0 -1px 0 0 shade (@bg_color, 0.84);
+    box-shadow: inset 0 -1px 0 0 @borders;
 }
 
 .linked.vertical > button:first-child:not(:last-child) {
@@ -1480,7 +1480,7 @@
 
 paned separator {
     background-color: transparent;
-    border-color: shade (@bg_color, 0.84);
+    border-color: @borders;
 }
 
 /************
@@ -2012,7 +2012,7 @@
  *******************/
 .ubuntu-online-accounts.frame,
 scrolledwindow.frame {
-    border-top-color: shade (@bg_color, 0.84);
+    border-top-color: @borders;
     border-right-color: shade (@bg_color, 0.76);
     border-bottom-color: shade (@bg_color, 0.86);
     border-left-color: shade (@bg_color, 0.76);
@@ -2437,7 +2437,7 @@
     border-radius: 0;
     border-image-width: 0 12px 0 12px;
     border-width: 0 1px 0 1px;
-    box-shadow: inset 0 1px shade (@bg_color, 0.84);
+    box-shadow: inset 0 1px @borders;
 }
 
 /***********
@@ -2573,7 +2573,7 @@
 decoration {
     margin: 10px;
     border-radius: 6px 6px 0 0;
-    box-shadow: 1px 5px 13px alpha(@active_shadow_color, 0.85);
+    box-shadow: 1px 5px 13px @wm_shadow;
 }
 
 decoration:backdrop,
@@ -2650,7 +2650,7 @@
 headerbar,
 UnityDecoration .top {
     min-height: 26px;
-    border: 1px solid rgba (85, 40, 0, 0.04); /* shade (@dark_bg_color) (shade (#edebe6, 1.06) */
+    border: 1px solid rgba (85, 40, 0, 0.04); /* @wm_bg_b - @wm_bg_a */
     padding: 1px 6px 1px 6px;
 
     box-shadow: inset 0 0 transparent, inset 0 0 transparent,
@@ -2659,10 +2659,9 @@
     background-color: transparent;
     background-clip: border-box;
     background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (#edebe6, 1.06)),
-                                     to (@dark_bg_color));
+                                     from (@wm_bg_a), to (@wm_bg_b));
 
-    color: shade (@dark_bg_color, 0.4);
+    color: @wm_title;
     text-shadow: 1px 0 shade (@dark_bg_color, 1.06), -1px 0 shade (@dark_bg_color, 1.06),
                  0 1px shade (@dark_bg_color, 1.06), 0 -1px shade (@dark_bg_color, 1.06);
 }
@@ -2679,7 +2678,7 @@
     box-shadow: inset 0 0 transparent, inset 0 0 transparent,
                 inset 0 1px shade (#edebe6, 0.97), inset 0 0 transparent;
 
-    color: #a39e9a;
+    color: @wm_unfocused_title;
     text-shadow: 1px 0 1px shade (@dark_bg_color, 1.08), -1px 0 1px shade (@dark_bg_color, 1.08),
                  0 1px 1px shade (@dark_bg_color, 1.08), 0 -1px 1px shade (@dark_bg_color, 1.08);
 }
@@ -2890,7 +2889,7 @@
     border-width: 1px 0 1px 0;
     border-radius: 0;
 
-    color: @dark_fg_color;
+    color: @wm_title;
     text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
 
     box-shadow: inset 0 1px shade (@dark_bg_color, 0.94);

=== modified file 'Radiance/gtk-3.20/public-colors.css'
--- Radiance/gtk-3.20/public-colors.css	2016-08-04 16:31:00 +0000
+++ Radiance/gtk-3.20/public-colors.css	2018-04-10 21:51:21 +0000
@@ -1,23 +1,96 @@
+/** GTK NAMED COLORS: these might be reused by apps, keep in sync with Adwaita **/
 /*
- * Some applications depend on these named colors.
- */
-
+widget text/foreground color */
 @define-color theme_fg_color @fg_color;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color @fg_color;
+/*
+widget base background color */
 @define-color theme_bg_color @bg_color;
+/*
+text widgets and the like base background color */
 @define-color theme_base_color @base_color;
+/*
+base background color of selections */
 @define-color theme_selected_bg_color @selected_bg_color;
+/*
+text/foreground color of selections */
 @define-color theme_selected_fg_color @selected_fg_color;
-@define-color insensitive_bg_color @bg_color;
-@define-color insensitive_fg_color @fg_color;
-@define-color insensitive_base_color @base_color;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color shade(@bg_color, 0.95);
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color shade(@fg_color, 0.6);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color @theme_base_color;
+/*
+widget text/foreground color on backdrop windows */
 @define-color theme_unfocused_fg_color @backdrop_fg_color;
-@define-color theme_unfocused_bg_color @bg_color;
-@define-color theme_unfocused_base_color @base_color;
-@define-color theme_unfocused_selected_bg_color @selected_bg_color;
-@define-color theme_unfocused_selected_fg_color @selected_fg_color;
-@define-color borders shade(@bg_color, 0.82);
-@define-color unfocused_borders transparent;
-
-@define-color warning_color @warning_fg_color;
-@define-color error_color @error_fg_color;
-@define-color success_color @success_color;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color @backdrop_text_color;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color @theme_bg_color;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color @theme_base_color;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color @backdrop_selected_bg_color;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color @backdrop_selected_fg_color;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color @insensitive_fg_color;
+/*
+widgets main borders color */
+@define-color borders shade(@bg_color, 0.84);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders @borders;
+/*
+these are pretty self explanatory */
+@define-color warning_color #eca918;
+@define-color error_color #df382c;
+@define-color success_color #38b44a;
+
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title shade (@dark_bg_color, 0.4);
+@define-color wm_unfocused_title #a39e9a;
+@define-color wm_highlight rgba(0, 0, 0, 0.1);
+@define-color wm_borders_edge rgba(0, 0, 0, 0.1);
+@define-color wm_bg_a shade (#edebe6, 1.06);
+@define-color wm_bg_b @dark_bg_color;
+@define-color wm_shadow alpha(@active_shadow_color, 0.85);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#fdfdfd, 1.3);
+@define-color wm_button_hover_color_b #fdfdfd;
+@define-color wm_button_active_color_a shade(#fdfdfd, 0.85);
+@define-color wm_button_active_color_b shade(#fdfdfd, 0.89);
+@define-color wm_button_active_color_c shade(#fdfdfd, 0.9);
+@define-color content_view_bg #ffffff;
+
+/* misc colors used by gtk+
+ *
+ * Gtk doesn't currently expand color variables for style properties. Thus,
+ * gtk-widgets.css uses literal color names, but includes a comment containing
+ * the name of the variable. Please remember to change values there as well
+ * when changing one of the variables below.
+ */
+@define-color button_text_shadow alpha(white, 0.4);
+@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 (235, 235, 235);
+@define-color error_bg_color rgb (223, 56, 44);
+@define-color link_color #007aa6;