Improve styling of outlined chips in dark mode (#3252)

.changeset/strong-moose-cough.md

@@ -0,0 +1,5 @@
+---
+'@backstage/theme': patch
+---
+
+Improve styling of outlined chips in dark mode.

packages/core/src/components/Chip/Chip.stories.tsx

@@ -39,3 +39,5 @@ export const SmallDeletable = () => (
 export const SmallNotDeletable = () => (
   <Chip label="Small not deletable" size="small" />
 );
+
+export const Outline = () => <Chip label="Outline" variant="outlined" />;

packages/theme/src/baseTheme.ts

@@ -209,9 +209,12 @@ export function createThemeOverrides(theme: BackstageTheme): Overrides {
         // By default there's no margin, but it's usually wanted, so we add some trailing margin
         marginRight: theme.spacing(1),
         marginBottom: theme.spacing(1),
+        color: theme.palette.grey[900],
+      },
+      outlined: {
+        color: theme.palette.text.primary,
       },
       label: {
-        color: theme.palette.grey[900],
         lineHeight: `${theme.spacing(2.5)}px`,
         fontWeight: theme.typography.fontWeightMedium,
         fontSize: `${theme.spacing(1.75)}px`,