From dd1652bcf636bf5756653ea775d9ac70bbd5564e Mon Sep 17 00:00:00 2001
From: Mathias Jakobsen <mathias.jakobsen@overleaf.com>
Date: Fri, 20 Feb 2026 10:02:24 +0000
Subject: [PATCH] Merge pull request #31693 from
 overleaf/mj-light-mode-notifications-buttons

[web] Fix buttons in light mode notifications

GitOrigin-RevId: 7934414356b5185999cf7685f8e4c61441279b04
---
 .../frontend/stylesheets/components/notifications.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/services/web/frontend/stylesheets/components/notifications.scss b/services/web/frontend/stylesheets/components/notifications.scss
index 3c0aed8e92..a33e1f39f9 100644
--- a/services/web/frontend/stylesheets/components/notifications.scss
+++ b/services/web/frontend/stylesheets/components/notifications.scss
@@ -49,11 +49,21 @@
 :root {
   @include light-notification;
 
+  // Until we roll out dark mode notifications, make sure we show buttons in
+  // light mode even when the rest of the page is in dark mode
+  .ide-redesign-main .notification .btn {
+    @include light-buttons;
+  }
+
   @include theme('default') {
     .project-ds-nav-page {
       .notification {
         @include dark-notification;
         @include dark-bg;
+
+        .btn {
+          @include dark-buttons;
+        }
       }
     }
   }