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

Signed-off-by: Jonathan Ash <jonathan-ash@users.noreply.github.com>
This commit is contained in:
Jonathan Ash
2022-03-04 17:47:20 +00:00
parent c826c2a370
commit bae72d6f4d
2 changed files with 7 additions and 2 deletions
+5
View File
@@ -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)
@@ -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,
},