[gtk+] Adwaita: darken a bit OSD background color

[Lapo Calamandrei <lapo src gnome org>]

commit 7a73ec1bb2ce41fe136523fa46aec5e809ddceb2
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Thu Oct 30 18:41:45 2014 +0100

    Adwaita: darken a bit OSD background color
    
    To not make it vanish on dark variant background color.

 gtk/resources/theme/Adwaita/_colors.scss           |    2 +-
 gtk/resources/theme/Adwaita/gtk-contained-dark.css |   64 ++++++++++----------
 gtk/resources/theme/Adwaita/gtk-contained.css      |   64 ++++++++++----------
 3 files changed, 65 insertions(+), 65 deletions(-)
---
diff --git a/gtk/resources/theme/Adwaita/_colors.scss b/gtk/resources/theme/Adwaita/_colors.scss
index 40c6358..a3bcbaa 100644
--- a/gtk/resources/theme/Adwaita/_colors.scss
+++ b/gtk/resources/theme/Adwaita/_colors.scss
@@ -23,7 +23,7 @@ $destructive_color: if($variant == 'light', #ef2929, darken(#ef2929,10%));
 
 $osd_fg_color: #eeeeec;
 $osd_text_color: white;
-$osd_bg_color: transparentize(#2e3436, 0.3);
+$osd_bg_color: transparentize(#202526, 0.3);
 $osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
 $osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%);
 $osd_borders_color: transparentize(black, 0.3);
diff --git a/gtk/resources/theme/Adwaita/gtk-contained-dark.css 
b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
index b758329..6f19547 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
@@ -136,7 +136,7 @@ GtkTextView {
 .app-notification.frame, .osd {
   color: #eeeeec;
   border: none;
-  background-color: rgba(46, 52, 54, 0.7);
+  background-color: rgba(32, 37, 38, 0.7);
   background-clip: padding-box;
   outline-color: rgba(238, 238, 236, 0.3);
   box-shadow: none;
@@ -415,9 +415,9 @@ GtkTextView {
     .osd .entry:insensitive {
       background-color: transparent;
       background-image: linear-gradient(to bottom, #212121, #292929 90%);
-      color: #8e9191;
+      color: #878989;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.5));
+      background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
@@ -576,7 +576,7 @@ GtkCalendar.header .button.titlebutton {
     outline-color: rgba(238, 238, 236, 0.3);
     color: #eeeeec;
     border-color: rgba(0, 0, 0, 0.7);
-    background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
+    background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
     background-clip: padding-box;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
     text-shadow: 0 1px black;
@@ -591,7 +591,7 @@ GtkCalendar.header .button.titlebutton {
     .button.osd:hover {
       color: white;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
+      background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
       background-clip: padding-box;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
       text-shadow: 0 1px black;
@@ -611,9 +611,9 @@ GtkCalendar.header .button.titlebutton {
       border: none;
       box-shadow: none; }
     .button.osd:insensitive, .button.osd:backdrop:insensitive {
-      color: #8e9191;
+      color: #878989;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.5));
+      background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
@@ -622,7 +622,7 @@ GtkCalendar.header .button.titlebutton {
     .button.osd:backdrop {
       color: #eeeeec;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
+      background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
@@ -635,7 +635,7 @@ GtkCalendar.header .button.titlebutton {
   GtkCalendar.header .osd .button.titlebutton {
     color: #eeeeec;
     border-color: rgba(0, 0, 0, 0.7);
-    background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
+    background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
     background-clip: padding-box;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
     text-shadow: 0 1px black;
@@ -660,7 +660,7 @@ GtkCalendar.header .button.titlebutton {
     .osd .button:hover {
       color: white;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
+      background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
       background-clip: padding-box;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
       text-shadow: 0 1px black;
@@ -676,9 +676,9 @@ GtkCalendar.header .button.titlebutton {
       icon-shadow: none;
       outline-color: rgba(238, 238, 236, 0.3); }
     .osd .button:insensitive, .osd .button:backdrop:insensitive {
-      color: #8e9191;
+      color: #878989;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.5));
+      background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
@@ -686,7 +686,7 @@ GtkCalendar.header .button.titlebutton {
     .osd .button:backdrop {
       color: #eeeeec;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
+      background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
@@ -712,7 +712,7 @@ GtkCalendar.header .button.titlebutton {
       GtkCalendar.header .osd .titlebutton.button:hover {
         color: white;
         border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
+        background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
         background-clip: padding-box;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
         text-shadow: 0 1px black;
@@ -726,9 +726,9 @@ GtkCalendar.header .button.titlebutton {
       .titlebar .osd .titlebutton.button:insensitive,
       .osd GtkCalendar.header .titlebutton.button:insensitive,
       GtkCalendar.header .osd .titlebutton.button:insensitive {
-        color: #8e9191;
+        color: #878989;
         border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.5));
+        background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
@@ -907,9 +907,9 @@ GtkCalendar.header .button.titlebutton {
         icon-shadow: none;
         outline-color: rgba(238, 238, 236, 0.3); }
       .osd .button.suggested-action:insensitive, .osd .button.suggested-action:backdrop:insensitive {
-        color: #8e9191;
+        color: #878989;
         border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.5));
+        background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
@@ -1062,9 +1062,9 @@ GtkCalendar.header .button.titlebutton {
         icon-shadow: none;
         outline-color: rgba(238, 238, 236, 0.3); }
       .osd .button.destructive-action:insensitive, .osd .button.destructive-action:backdrop:insensitive {
-        color: #8e9191;
+        color: #878989;
         border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.5));
+        background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
@@ -1590,7 +1590,7 @@ GtkCalendar.header .button.titlebutton:visited {
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
       text-shadow: none;
       icon-shadow: none;
-      color: #8e9191;
+      color: #878989;
       border-color: rgba(0, 0, 0, 0.5);
       icon-shadow: none;
       box-shadow: none; }
@@ -1745,7 +1745,7 @@ GtkComboBox {
     padding: 13px;
     border: none;
     border-radius: 5px;
-    background-color: rgba(46, 52, 54, 0.7); }
+    background-color: rgba(32, 37, 38, 0.7); }
 
 .inline-toolbar {
   border-width: 0 1px 1px;
@@ -3204,19 +3204,19 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
     .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
       color: #eeeeec;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
+      background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
       background-clip: padding-box;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
       text-shadow: 0 1px black;
       icon-shadow: 0 1px black;
       outline-color: rgba(238, 238, 236, 0.3);
-      background-color: #2e3436; }
+      background-color: #202526; }
       .osd .scale.slider:hover, .osd
       .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .osd
       .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
         color: white;
         border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
+        background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
         background-clip: padding-box;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
         text-shadow: 0 1px black;
@@ -3238,7 +3238,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
       .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
         color: #eeeeec;
         border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
+        background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
@@ -3877,7 +3877,7 @@ GtkCalendar.header list-row.button.titlebutton {
   padding: 10px;
   border: none;
   border-radius: 0 0 6px 6px;
-  background-color: rgba(46, 52, 54, 0.7);
+  background-color: rgba(32, 37, 38, 0.7);
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
   background-clip: padding-box; }
   .app-notification:backdrop,
@@ -3891,7 +3891,7 @@ GtkCalendar.header list-row.button.titlebutton {
   .app-notification.frame .button {
     color: #eeeeec;
     border-color: rgba(0, 0, 0, 0.7);
-    background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
+    background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
     background-clip: padding-box;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
     text-shadow: 0 1px black;
@@ -3915,7 +3915,7 @@ GtkCalendar.header list-row.button.titlebutton {
     .app-notification.frame .button:hover {
       color: white;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
+      background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
       background-clip: padding-box;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
       text-shadow: 0 1px black;
@@ -3937,9 +3937,9 @@ GtkCalendar.header list-row.button.titlebutton {
     .app-notification .button:insensitive, .app-notification .button:backdrop:insensitive,
     .app-notification.frame .button:insensitive,
     .app-notification.frame .button:backdrop:insensitive {
-      color: #8e9191;
+      color: #878989;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.5));
+      background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
@@ -3948,7 +3948,7 @@ GtkCalendar.header list-row.button.titlebutton {
     .app-notification.frame .button:backdrop {
       color: #eeeeec;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
+      background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
diff --git a/gtk/resources/theme/Adwaita/gtk-contained.css b/gtk/resources/theme/Adwaita/gtk-contained.css
index fad6e3f..85bd316 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained.css
@@ -136,7 +136,7 @@ GtkTextView {
 .app-notification.frame, .osd {
   color: #eeeeec;
   border: none;
-  background-color: rgba(46, 52, 54, 0.7);
+  background-color: rgba(32, 37, 38, 0.7);
   background-clip: padding-box;
   outline-color: rgba(238, 238, 236, 0.3);
   box-shadow: none;
@@ -407,9 +407,9 @@ GtkTextView {
     .osd .entry:insensitive {
       background-color: transparent;
       background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
-      color: #8e9191;
+      color: #878989;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.5));
+      background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
@@ -568,7 +568,7 @@ GtkCalendar.header .button.titlebutton {
     outline-color: rgba(238, 238, 236, 0.3);
     color: #eeeeec;
     border-color: rgba(0, 0, 0, 0.7);
-    background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
+    background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
     background-clip: padding-box;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
     text-shadow: 0 1px black;
@@ -583,7 +583,7 @@ GtkCalendar.header .button.titlebutton {
     .button.osd:hover {
       color: white;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
+      background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
       background-clip: padding-box;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
       text-shadow: 0 1px black;
@@ -603,9 +603,9 @@ GtkCalendar.header .button.titlebutton {
       border: none;
       box-shadow: none; }
     .button.osd:insensitive, .button.osd:backdrop:insensitive {
-      color: #8e9191;
+      color: #878989;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.5));
+      background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
@@ -614,7 +614,7 @@ GtkCalendar.header .button.titlebutton {
     .button.osd:backdrop {
       color: #eeeeec;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
+      background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
@@ -627,7 +627,7 @@ GtkCalendar.header .button.titlebutton {
   GtkCalendar.header .osd .button.titlebutton {
     color: #eeeeec;
     border-color: rgba(0, 0, 0, 0.7);
-    background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
+    background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
     background-clip: padding-box;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
     text-shadow: 0 1px black;
@@ -652,7 +652,7 @@ GtkCalendar.header .button.titlebutton {
     .osd .button:hover {
       color: white;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
+      background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
       background-clip: padding-box;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
       text-shadow: 0 1px black;
@@ -668,9 +668,9 @@ GtkCalendar.header .button.titlebutton {
       icon-shadow: none;
       outline-color: rgba(238, 238, 236, 0.3); }
     .osd .button:insensitive, .osd .button:backdrop:insensitive {
-      color: #8e9191;
+      color: #878989;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.5));
+      background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
@@ -678,7 +678,7 @@ GtkCalendar.header .button.titlebutton {
     .osd .button:backdrop {
       color: #eeeeec;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
+      background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
@@ -704,7 +704,7 @@ GtkCalendar.header .button.titlebutton {
       GtkCalendar.header .osd .titlebutton.button:hover {
         color: white;
         border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
+        background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
         background-clip: padding-box;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
         text-shadow: 0 1px black;
@@ -718,9 +718,9 @@ GtkCalendar.header .button.titlebutton {
       .titlebar .osd .titlebutton.button:insensitive,
       .osd GtkCalendar.header .titlebutton.button:insensitive,
       GtkCalendar.header .osd .titlebutton.button:insensitive {
-        color: #8e9191;
+        color: #878989;
         border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.5));
+        background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
@@ -899,9 +899,9 @@ GtkCalendar.header .button.titlebutton {
         icon-shadow: none;
         outline-color: rgba(238, 238, 236, 0.3); }
       .osd .button.suggested-action:insensitive, .osd .button.suggested-action:backdrop:insensitive {
-        color: #8e9191;
+        color: #878989;
         border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.5));
+        background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
@@ -1054,9 +1054,9 @@ GtkCalendar.header .button.titlebutton {
         icon-shadow: none;
         outline-color: rgba(238, 238, 236, 0.3); }
       .osd .button.destructive-action:insensitive, .osd .button.destructive-action:backdrop:insensitive {
-        color: #8e9191;
+        color: #878989;
         border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.5));
+        background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
@@ -1582,7 +1582,7 @@ GtkCalendar.header .button.titlebutton:visited {
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
       text-shadow: none;
       icon-shadow: none;
-      color: #8e9191;
+      color: #878989;
       border-color: rgba(0, 0, 0, 0.5);
       icon-shadow: none;
       box-shadow: none; }
@@ -1737,7 +1737,7 @@ GtkComboBox {
     padding: 13px;
     border: none;
     border-radius: 5px;
-    background-color: rgba(46, 52, 54, 0.7); }
+    background-color: rgba(32, 37, 38, 0.7); }
 
 .inline-toolbar {
   border-width: 0 1px 1px;
@@ -3357,19 +3357,19 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
     .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
       color: #eeeeec;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
+      background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
       background-clip: padding-box;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
       text-shadow: 0 1px black;
       icon-shadow: 0 1px black;
       outline-color: rgba(238, 238, 236, 0.3);
-      background-color: #2e3436; }
+      background-color: #202526; }
       .osd .scale.slider:hover, .osd
       .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .osd
       .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
         color: white;
         border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
+        background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
         background-clip: padding-box;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
         text-shadow: 0 1px black;
@@ -3391,7 +3391,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
       .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
         color: #eeeeec;
         border-color: rgba(0, 0, 0, 0.7);
-        background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
+        background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
         background-clip: padding-box;
         box-shadow: none;
         text-shadow: none;
@@ -4038,7 +4038,7 @@ GtkCalendar.header list-row.button.titlebutton {
   padding: 10px;
   border: none;
   border-radius: 0 0 6px 6px;
-  background-color: rgba(46, 52, 54, 0.7);
+  background-color: rgba(32, 37, 38, 0.7);
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
   background-clip: padding-box; }
   .app-notification:backdrop,
@@ -4052,7 +4052,7 @@ GtkCalendar.header list-row.button.titlebutton {
   .app-notification.frame .button {
     color: #eeeeec;
     border-color: rgba(0, 0, 0, 0.7);
-    background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
+    background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
     background-clip: padding-box;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
     text-shadow: 0 1px black;
@@ -4076,7 +4076,7 @@ GtkCalendar.header list-row.button.titlebutton {
     .app-notification.frame .button:hover {
       color: white;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(74, 84, 87, 0.7));
+      background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
       background-clip: padding-box;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
       text-shadow: 0 1px black;
@@ -4098,9 +4098,9 @@ GtkCalendar.header list-row.button.titlebutton {
     .app-notification .button:insensitive, .app-notification .button:backdrop:insensitive,
     .app-notification.frame .button:insensitive,
     .app-notification.frame .button:backdrop:insensitive {
-      color: #8e9191;
+      color: #878989;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(65, 70, 72, 0.5));
+      background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;
@@ -4109,7 +4109,7 @@ GtkCalendar.header list-row.button.titlebutton {
     .app-notification.frame .button:backdrop {
       color: #eeeeec;
       border-color: rgba(0, 0, 0, 0.7);
-      background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
+      background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
       background-clip: padding-box;
       box-shadow: none;
       text-shadow: none;