From 8e2ad427c855f8875e46d761b3eb42cc13830bff Mon Sep 17 00:00:00 2001
From: Tim Down <158919+timdown@users.noreply.github.com>
Date: Mon, 4 Nov 2024 16:11:04 +0000
Subject: [PATCH] Merge pull request #21502 from
 overleaf/td-bs5-file-outline-highlight

[BS5] Add highlight colours for file outline items

GitOrigin-RevId: e024d1bb093eb8bb56f63647d4753b2e626ec513
---
 .../stylesheets/bootstrap-5/pages/editor/outline.scss         | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/outline.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/outline.scss
index d3530be78c..c0de189b1e 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/outline.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/outline.scss
@@ -6,6 +6,7 @@
   --outline-line-guide-color: var(--border-primary);
   --outline-container-color-bg: var(--bg-dark-tertiary);
   --outline-content-color: var(--content-primary-dark);
+  --outline-item-highlight-color: var(--neutral-60);
 }
 
 @include theme('light') {
@@ -16,6 +17,7 @@
   --outline-line-guide-color: var(--border-disabled);
   --outline-container-color-bg: var(--bg-light-primary);
   --outline-content-color: var(--content-secondary);
+  --outline-item-highlight-color: var(--bg-light-secondary);
 }
 
 .outline-container {
@@ -216,7 +218,7 @@
 }
 
 .outline-item-link-highlight {
-  background-color: tint($bg-dark-tertiary, 15%);
+  background-color: var(--outline-item-highlight-color);
 }
 
 .outline-caret-icon {