Merge pull request #10007 from jonathan-ash/tech-radar-ring-names-colour

Tech Radar ring names are now coloured by theme (via theme.palette.text.primary)

.changeset/shaggy-apricots-hug.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-tech-radar': patch
+---
+
+Tech Radar Ring names are now coloured from theme via theme.palette.text.primary (instead of a hard coded colour)

plugins/tech-radar/src/components/RadarGrid/RadarGrid.tsx

@@ -23,7 +23,7 @@ export type Props = {
   rings: Ring[];
 };
 
-const useStyles = makeStyles<Theme>(() => ({
+const useStyles = makeStyles<Theme>(theme => ({
   ring: {
     fill: 'none',
     stroke: '#bbb',
@@ -37,7 +37,7 @@ const useStyles = makeStyles<Theme>(() => ({
   text: {
     pointerEvents: 'none',
     userSelect: 'none',
-    fill: '#e5e5e5',
+    fill: theme.palette.text.primary,
     fontSize: '25px',
     fontWeight: 800,
   },