fix(theme): active sidebar nav link styles using aria-current under BackstageSidebar drawer (#2887)

Author: karthikjeeyar

workspaces/theme/.changeset/loud-glasses-perform.md

@@ -0,0 +1,5 @@
+---
+'@red-hat-developer-hub/backstage-plugin-theme': patch
+---
+
+style the active sidebar nav link (a[aria-current="page"]) so selected colors match the resolved navigation shell

workspaces/theme/plugins/theme/src/utils/createComponents.ts

@@ -634,6 +634,15 @@ export const createComponents = (themeConfig: ThemeConfig): Components => {
           '& hr': {
             backgroundColor: general.sidebarDividerColor,
           },
+          '#rhdh-sidebar-layout & a[aria-current="page"], & a[aria-current="page"]':
+            {
+              background: `${sidebarItemInteractionBackgroundColor} !important`,
+              backgroundColor: `${sidebarItemInteractionBackgroundColor} !important`,
+              color: `${navigationSelectedColor} !important`,
+              '& .MuiTypography-root': {
+                color: 'inherit !important',
+              },
+            },
           '& [class*="BackstageSidebarItem-selected-"][class*="BackstageSidebarItem-root-"]':
             {
               backgroundColor: `${sidebarItemInteractionBackgroundColor} !important`,