Merge pull request #17707 from luchillo17/fix/BCKSTG-154-keyboard-navigation---compone

fix(core-components): Fix accessibility issue with Table headers

.changeset/ninety-eggs-lie.md

@@ -0,0 +1,6 @@
+---
+'@backstage/core-components': patch
+'@backstage/theme': patch
+---
+
+Fix accessibility issue with Backstage Table's header style

packages/core-components/src/components/Table/Table.tsx

@@ -105,7 +105,6 @@ const StyledMTableHeader = withStyles(
       borderTop: `1px solid ${theme.palette.grey.A100}`,
       borderBottom: `1px solid ${theme.palette.grey.A100}`,
       // withStyles hasn't a generic overload for theme
-      color: (theme as BackstageTheme).palette.textSubtle,
       fontWeight: theme.typography.fontWeightBold,
       position: 'static',
       wordBreak: 'normal',

packages/theme/src/baseTheme.ts

@@ -159,7 +159,6 @@ export function createThemeOverrides(theme: BackstageTheme): Overrides {
       head: {
         wordBreak: 'break-word',
         overflow: 'hidden',
-        color: theme.palette.textSubtle,
         fontWeight: 'normal',
         lineHeight: '1',
       },
@@ -198,14 +197,10 @@ export function createThemeOverrides(theme: BackstageTheme): Overrides {
         '&:hover': {
           color: 'inherit',
         },
-        '&:focus': {
-          color: 'inherit',
-        },
       },
       // Bold font for highlighting selected column
       active: {
         fontWeight: 'bold',
-        color: 'inherit',
       },
     },
     MuiListItemText: {