From cc72d8b11b37624b63c0641f2797eef2d9a3b1a8 Mon Sep 17 00:00:00 2001
From: David <33458145+davidmcpowell@users.noreply.github.com>
Date: Wed, 12 Mar 2025 09:33:11 +0000
Subject: [PATCH] Merge pull request #24171 from
 overleaf/mj-ide-dark-mode-premium

[web] Editor redesign: Fix color of premium badge in dark mode

GitOrigin-RevId: 6a49ec99a2e339635c1e2f7a732a4a1176bdd8f4
---
 .../bootstrap-5/components/integrations-panel.scss       | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/integrations-panel.scss b/services/web/frontend/stylesheets/bootstrap-5/components/integrations-panel.scss
index 6c00e91b51..2d72e53461 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/components/integrations-panel.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/integrations-panel.scss
@@ -5,6 +5,8 @@
   --integrations-panel-card-border: var(--border-divider-dark);
   --integrations-panel-card-button-hover-background: var(--bg-dark-secondary);
   --integrations-panel-card-button-background: var(--bg-dark-primary);
+  --integrations-panel-badge-color: var(--content-primary);
+  --integrations-panel-badge-background: var(--bg-light-tertiary);
 }
 
 @include theme('light') {
@@ -14,6 +16,8 @@
   --integrations-panel-card-border: var(--border-divider);
   --integrations-panel-card-button-hover-background: var(--bg-light-secondary);
   --integrations-panel-card-button-background: var(--white);
+  --integrations-panel-badge-color: var(--content-primary);
+  --integrations-panel-badge-background: var(--bg-light-tertiary);
 }
 
 .integrations-panel {
@@ -62,8 +66,9 @@
   flex: 1;
 }
 
-.integrations-panel-card-premium-badge {
-  color: var(--integrations-panel-color);
+.integrations-panel-card-premium-badge.badge {
+  color: var(--integrations-panel-badge-color);
+  background-color: var(--integrations-panel-badge-background) !important;
   font-weight: 600;
 }