Merge pull request #20151 from jboeijenga/fix/mobile-menu-overlay-colour

Changed color of the overlay components to match navigation color

.changeset/violet-beers-cross.md

@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Change overlay header colors in the mobile menu to use navigation color from the theme

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 => ({