diff --git a/data/gnome-classic.css b/data/gnome-classic.css
index 2bb18b04..db71e0df 100644
--- a/data/gnome-classic.css
+++ b/data/gnome-classic.css
@@ -1958,3 +1958,11 @@ StScrollBar {
 
 .message-list-clear-button.button {
   color: #2e3436; }
+
+.notification-banner {
+  background-color: #ededed !important;
+  color: #2e3436; }
+  .notification-banner .notification-button {
+    background-color: #e0e0e0; }
+    .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
+      background-color: #e8e8e8; }
diff --git a/data/gnome-classic.scss b/data/gnome-classic.scss
index b4c3de10..63302e7c 100644
--- a/data/gnome-classic.scss
+++ b/data/gnome-classic.scss
@@ -90,3 +90,12 @@ $variant: 'light';
 .message-list-clear-button.button {
   color: $fg_color
 }
+
+.notification-banner {
+  background-color: $bg_color !important;
+  color: $fg_color;
+  .notification-button {
+    background-color: darken($bg_color,5%);
+    &:hover, &focus { background-color: darken($bg_color,2%); }
+  }
+}