Use info.contrastText instead of text.secondary

Sascha created 4 years ago

This will ensure better color managment for Message titles

Change summary

webui/src/pages/bug/Message.tsx  | 2 +-
webui/src/themes/DefaultDark.ts  | 1 +
webui/src/themes/DefaultLight.ts | 1 +
3 files changed, 3 insertions(+), 1 deletion(-)

Detailed changes

webui/src/pages/bug/Message.tsx

@@ -27,13 +27,13 @@ const useStyles = makeStyles((theme) => ({
   },
   header: {
     ...theme.typography.body1,
-    color: theme.palette.text.secondary,
     padding: '0.5rem 1rem',
     borderBottom: `1px solid ${theme.palette.divider}`,
     display: 'flex',
     borderTopRightRadius: theme.shape.borderRadius,
     borderTopLeftRadius: theme.shape.borderRadius,
     backgroundColor: theme.palette.info.main,
+    color: theme.palette.info.contrastText,
   },
   title: {
     flex: 1,

webui/src/themes/DefaultDark.ts

@@ -13,6 +13,7 @@ const defaultDarkTheme = createMuiTheme({
     },
     info: {
       main: '#2a393e',
+      contrastText: '#ffffffb3',
     },
     success: {
       main: '#2ea44fd9',

webui/src/themes/DefaultLight.ts

@@ -9,6 +9,7 @@ const defaultLightTheme = createMuiTheme({
     },
     info: {
       main: '#e2f1ff',
+      contrastText: '#555',
     },
     success: {
       main: '#2ea44fd9',