From 3f05616bf563e432586e3449d9e130b1eb47fcf0 Mon Sep 17 00:00:00 2001
From: Oliver Sand <oliver.sand@sda-se.com>
Date: Thu, 5 Nov 2020 13:05:05 +0100
Subject: [PATCH] fix text color of tech-radar footer (#3245)

---
 .changeset/smooth-hairs-breathe.md                          | 5 +++++
 .../tech-radar/src/components/RadarFooter/RadarFooter.tsx   | 6 +++---
 2 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/smooth-hairs-breathe.md

diff --git a/.changeset/smooth-hairs-breathe.md b/.changeset/smooth-hairs-breathe.md
new file mode 100644
index 0000000000..2849a1d4b7
--- /dev/null
+++ b/.changeset/smooth-hairs-breathe.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-tech-radar': patch
+---
+
+Make the footer color of the tech-radar work in both light and dark theme.
diff --git a/plugins/tech-radar/src/components/RadarFooter/RadarFooter.tsx b/plugins/tech-radar/src/components/RadarFooter/RadarFooter.tsx
index ced1ab8054..219db714af 100644
--- a/plugins/tech-radar/src/components/RadarFooter/RadarFooter.tsx
+++ b/plugins/tech-radar/src/components/RadarFooter/RadarFooter.tsx
@@ -15,19 +15,19 @@
  */
 
 import React from 'react';
-import { makeStyles, Theme } from '@material-ui/core';
+import { makeStyles } from '@material-ui/core';
 
 export type Props = {
   x: number;
   y: number;
 };
 
-const useStyles = makeStyles<Theme>(() => ({
+const useStyles = makeStyles(theme => ({
   text: {
     pointerEvents: 'none',
     userSelect: 'none',
     fontSize: '10px',
-    fill: '#000',
+    fill: theme.palette.text.secondary,
   },
 }));