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>
2022-03-04 17:47:20 +00:00
parent c826c2a370
commit bae72d6f4d
2 changed files with 7 additions and 2 deletions
@@ -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,
  },