From 46d0d3e188f8f06c6cec530fbda61f57250761c3 Mon Sep 17 00:00:00 2001
From: David <33458145+davidmcpowell@users.noreply.github.com>
Date: Mon, 13 Oct 2025 11:05:44 +0100
Subject: [PATCH] Merge pull request #28979 from overleaf/dp-error-logs-buttons

Update dark mode states for some new editor error logs buttons

GitOrigin-RevId: be4cd036e9fc1bb05dbad476796750c9e0354edc
---
 .../web/frontend/stylesheets/abstracts/mixins.scss    | 11 +++++++----
 .../web/frontend/stylesheets/pages/editor/rail.scss   |  5 ++++-
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/services/web/frontend/stylesheets/abstracts/mixins.scss b/services/web/frontend/stylesheets/abstracts/mixins.scss
index 1c4bb08c6f..6c61d20e5e 100644
--- a/services/web/frontend/stylesheets/abstracts/mixins.scss
+++ b/services/web/frontend/stylesheets/abstracts/mixins.scss
@@ -18,7 +18,10 @@
   $border: $background,
   $hover-background: $background,
   $hover-border: $hover-background,
-  $borderless: true
+  $borderless: true,
+  $disabled-color: $content-disabled,
+  $disabled-background: $bg-light-disabled,
+  $disabled-border: $bg-light-disabled
 ) {
   --bs-btn-color: #{$color};
   --bs-btn-bg: #{$background};
@@ -29,9 +32,9 @@
   --bs-btn-active-color: #{$color};
   --bs-btn-active-bg: #{$hover-background};
   --bs-btn-active-border-color: #{$hover-border};
-  --bs-btn-disabled-color: var(--content-disabled);
-  --bs-btn-disabled-bg: var(--bg-light-disabled);
-  --bs-btn-disabled-border-color: var(--bg-light-disabled);
+  --bs-btn-disabled-color: #{$disabled-color};
+  --bs-btn-disabled-bg: #{$disabled-background};
+  --bs-btn-disabled-border-color: #{$disabled-border};
 
   @if $borderless {
     --bs-btn-border-width: 0;
diff --git a/services/web/frontend/stylesheets/pages/editor/rail.scss b/services/web/frontend/stylesheets/pages/editor/rail.scss
index fc4f28d4d2..cd95996120 100644
--- a/services/web/frontend/stylesheets/pages/editor/rail.scss
+++ b/services/web/frontend/stylesheets/pages/editor/rail.scss
@@ -30,7 +30,10 @@ body {
       transparent,
       var(--ide-rail-header-subdued-button-hover-background),
       transparent,
-      true
+      true,
+      var(--content-disabled-themed),
+      var(--bg-disabled-themed),
+      var(--bg-disabled-themed)
     );
   }
 }