From 95c8a9f72ed2c8fef29912ae440bceb846af6b1a Mon Sep 17 00:00:00 2001
From: Jasper Boeijenga <jboeijenga@gmail.com>
Date: Mon, 25 Sep 2023 14:35:16 +0200
Subject: [PATCH] Changed colour of the overlay components to match navigation
 color

Signed-off-by: Jasper Boeijenga <jboeijenga@gmail.com>
---
 packages/core-components/src/layout/Sidebar/MobileSidebar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/core-components/src/layout/Sidebar/MobileSidebar.tsx b/packages/core-components/src/layout/Sidebar/MobileSidebar.tsx
index 5dcf31d884..e124036648 100644
--- a/packages/core-components/src/layout/Sidebar/MobileSidebar.tsx
+++ b/packages/core-components/src/layout/Sidebar/MobileSidebar.tsx
@@ -79,14 +79,14 @@ const useStyles = makeStyles<BackstageTheme, { sidebarConfig: SidebarConfig }>(
 
     overlayHeader: {
       display: 'flex',
-      color: theme.palette.text.primary,
+      color: theme.palette.navigation.color,
       alignItems: 'center',
       justifyContent: 'space-between',
       padding: theme.spacing(2, 3),
     },
 
     overlayHeaderClose: {
-      color: theme.palette.text.primary,
+      color: theme.palette.navigation.color,
     },
 
     marginMobileSidebar: props => ({