diff --git a/gtk/resources/theme/Adwaita/_drawing.scss b/gtk/resources/theme/Adwaita/_drawing.scss
index f44fced929..fba1e9bb48 100644
--- a/gtk/resources/theme/Adwaita/_drawing.scss
+++ b/gtk/resources/theme/Adwaita/_drawing.scss
@@ -351,6 +351,7 @@
   // active osd button
   //
     $_bg: if($c!=$bg_color, $c, $osd_borders_color);
+
     color: white;
     border-color: $osd_borders_color;
     background-image: linear-gradient(to bottom, $_bg);
@@ -363,6 +364,7 @@
   // insensitive osd button
   //
     $_bg: transparentize(mix($insensitive_fg_color,$osd_bg_color,20%),0.3);
+
     color: $insensitive_fg_color;
     border-color: $osd_borders_color;
     background-image: linear-gradient(to bottom, $_bg);
@@ -376,6 +378,8 @@
   //
     $_bg: if($c!=$bg_color, transparentize($c, 0.5),
                             transparentize($osd_bg_color, 0.3));
+
+    color: $osd_fg_color;
     background-image: linear-gradient(to bottom, $_bg);
     background-clip: padding-box;
     box-shadow: none;
diff --git a/gtk/resources/theme/Adwaita/gtk-contained-dark.css b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
index 411de5a5aa..5c74a4c070 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
@@ -441,6 +441,7 @@ GtkCalendar.header .button.titlebutton {
       icon-shadow: none;
       border-color: rgba(255, 255, 255, 0.1); }
     .button.osd:backdrop {
+      color: #eeeeec;
       background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
       background-clip: padding-box;
       box-shadow: none;
@@ -499,6 +500,7 @@ GtkCalendar.header .button.titlebutton {
       text-shadow: none;
       icon-shadow: none; }
     .osd .button:backdrop {
+      color: #eeeeec;
       background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
       background-clip: padding-box;
       box-shadow: none;
@@ -606,6 +608,7 @@ GtkCalendar.header .button.titlebutton {
         text-shadow: none;
         icon-shadow: none; }
       .osd .button.suggested-action:backdrop {
+        color: #eeeeec;
         background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5));
         background-clip: padding-box;
         box-shadow: none;
@@ -713,6 +716,7 @@ GtkCalendar.header .button.titlebutton {
         text-shadow: none;
         icon-shadow: none; }
       .osd .button.destructive-action:backdrop {
+        color: #eeeeec;
         background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5));
         background-clip: padding-box;
         box-shadow: none;
@@ -2685,6 +2689,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
       .osd .scale.slider:backdrop, .osd
       .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .osd
       .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
+        color: #eeeeec;
         background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
         background-clip: padding-box;
         box-shadow: none;
@@ -3360,6 +3365,7 @@ GtkCalendar.header .list-row.button.titlebutton {
       text-shadow: none;
       icon-shadow: none; }
     .app-notification .button:backdrop {
+      color: #eeeeec;
       background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
       background-clip: padding-box;
       box-shadow: none;
diff --git a/gtk/resources/theme/Adwaita/gtk-contained.css b/gtk/resources/theme/Adwaita/gtk-contained.css
index 1219586225..fb7b37f715 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained.css
@@ -433,6 +433,7 @@ GtkCalendar.header .button.titlebutton {
       icon-shadow: none;
       border-color: rgba(255, 255, 255, 0.1); }
     .button.osd:backdrop {
+      color: #eeeeec;
       background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
       background-clip: padding-box;
       box-shadow: none;
@@ -491,6 +492,7 @@ GtkCalendar.header .button.titlebutton {
       text-shadow: none;
       icon-shadow: none; }
     .osd .button:backdrop {
+      color: #eeeeec;
       background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
       background-clip: padding-box;
       box-shadow: none;
@@ -598,6 +600,7 @@ GtkCalendar.header .button.titlebutton {
         text-shadow: none;
         icon-shadow: none; }
       .osd .button.suggested-action:backdrop {
+        color: #eeeeec;
         background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5));
         background-clip: padding-box;
         box-shadow: none;
@@ -705,6 +708,7 @@ GtkCalendar.header .button.titlebutton {
         text-shadow: none;
         icon-shadow: none; }
       .osd .button.destructive-action:backdrop {
+        color: #eeeeec;
         background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5));
         background-clip: padding-box;
         box-shadow: none;
@@ -2824,6 +2828,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
       .osd .scale.slider:backdrop, .osd
       .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .osd
       .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
+        color: #eeeeec;
         background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
         background-clip: padding-box;
         box-shadow: none;
@@ -3507,6 +3512,7 @@ GtkCalendar.header .list-row.button.titlebutton {
       text-shadow: none;
       icon-shadow: none; }
     .app-notification .button:backdrop {
+      color: #eeeeec;
       background-image: linear-gradient(to bottom, rgba(46, 52, 54, 0.7));
       background-clip: padding-box;
       box-shadow: none;