From 2887e2c0552f493aa969918e4b0070d295ad4039 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Thu, 21 Dec 2023 13:22:28 -0500
Subject: [PATCH] UX: adjust bootstrap mode tooltip color (#25002)

---
 .../stylesheets/common/base/header.scss       | 23 ++++++++++++-------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/app/assets/stylesheets/common/base/header.scss b/app/assets/stylesheets/common/base/header.scss
index de969d673c8..7fa0b710c5e 100644
--- a/app/assets/stylesheets/common/base/header.scss
+++ b/app/assets/stylesheets/common/base/header.scss
@@ -416,14 +416,21 @@ $mobile-avatar-height: 1.532em;
   }
 }
 
-.d-header-mode .bootstrap-mode {
-  color: var(--primary-medium);
-  font-size: var(--font-down-1);
-  margin-left: 1em;
-  padding: 0.15em 0.5em;
+.d-header-mode {
+  .bootstrap-mode {
+    color: var(--primary-medium);
+    font-size: var(--font-down-1);
+    margin-left: 1em;
+    padding: 0.15em 0.5em;
 
-  &:focus {
-    background-color: var(--primary-medium);
-    color: var(--secondary);
+    &:focus {
+      background-color: var(--primary-medium);
+      color: var(--secondary);
+    }
+  }
+
+  .fk-d-button-tooltip .fk-d-tooltip__trigger {
+    color: var(--header_primary-high);
+    background: transparent;
   }
 }