From de9123b005ac65d347f7de8fb40dd39cd24b15c2 Mon Sep 17 00:00:00 2001
From: Lea <lea.gardavaud@post.ch>
Date: Mon, 30 Dec 2024 16:51:46 +0100
Subject: [PATCH] fix(documentation): hcm searched highlighted text in
 documentation (#4365)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Alizé Debray <33580481+alizedebray@users.noreply.github.com>
---
 .changeset/thirty-chairs-suffer.md                    |  5 +++++
 packages/documentation/.storybook/styles/manager.scss | 11 +++++++++++
 2 files changed, 16 insertions(+)
 create mode 100644 .changeset/thirty-chairs-suffer.md

diff --git a/.changeset/thirty-chairs-suffer.md b/.changeset/thirty-chairs-suffer.md
new file mode 100644
index 0000000000..f25030da24
--- /dev/null
+++ b/.changeset/thirty-chairs-suffer.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Fixed the color of the highlighted search text in the documentation in High Contrast Mode.
diff --git a/packages/documentation/.storybook/styles/manager.scss b/packages/documentation/.storybook/styles/manager.scss
index 2b8f3d1308..7090c0dc2c 100644
--- a/packages/documentation/.storybook/styles/manager.scss
+++ b/packages/documentation/.storybook/styles/manager.scss
@@ -111,6 +111,17 @@
   }
 }
 
+#storybook-explorer-menu {
+  .search-result-item--label {
+    mark {
+      @include utilities.high-contrast-mode() {
+        background-color: Mark;
+        color: MarkText;
+      }
+    }
+  }
+}
+
 #downshift-1-menu {
   .search-result-item {
     svg {