diff --git a/.changeset/shaggy-apricots-hug.md b/.changeset/shaggy-apricots-hug.md new file mode 100644 index 0000000000..62bea4c3bd --- /dev/null +++ b/.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) diff --git a/plugins/tech-radar/src/components/RadarGrid/RadarGrid.tsx b/plugins/tech-radar/src/components/RadarGrid/RadarGrid.tsx index 94ef2b1bda..ef62b8abd9 100644 --- a/plugins/tech-radar/src/components/RadarGrid/RadarGrid.tsx +++ b/plugins/tech-radar/src/components/RadarGrid/RadarGrid.tsx @@ -23,7 +23,7 @@ export type Props = { rings: Ring[]; }; -const useStyles = makeStyles(() => ({ +const useStyles = makeStyles(theme => ({ ring: { fill: 'none', stroke: '#bbb', @@ -37,7 +37,7 @@ const useStyles = makeStyles(() => ({ text: { pointerEvents: 'none', userSelect: 'none', - fill: '#e5e5e5', + fill: theme.palette.text.primary, fontSize: '25px', fontWeight: 800, },