Add textContrast as color for white/black text in dark/light theme

packages/core/src/components/ProgressBars/CircleProgress.tsx

@@ -31,7 +31,7 @@ const useStyles = makeStyles<BackstageTheme>(theme => ({
     transform: 'translate(-50%, -60%)',
     fontSize: 45,
     fontWeight: 'bold',
-    color: theme.palette.textSubtle,
+    color: theme.palette.textContrast,
   },
   circle: {
     width: '80%',

packages/theme/src/themes.ts

@@ -41,6 +41,7 @@ export const lightTheme = createTheme({
     main: blue[500],
   },
   border: '#E6E6E6',
+  textContrast: '#000000',
   textVerySubtle: '#DDD',
   textSubtle: '#6E6E6E',
   highlight: '#FFFBCC',
@@ -80,6 +81,7 @@ export const darkTheme = createTheme({
     main: blue[500],
   },
   border: '#E6E6E6',
+  textContrast: '#FFFFFF',
   textVerySubtle: '#DDD',
   textSubtle: '#6E6E6E',
   highlight: '#FFFBCC',

packages/theme/src/types.ts

@@ -30,6 +30,7 @@ type PaletteAdditions = {
     background: string;
   };
   border: string;
+  textContrast: string;
   textVerySubtle: string;
   textSubtle: string;
   highlight: string;