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,
   },
 }));