From 79422fafb28294ad1e2ae6fe25a6d2788f57d3af Mon Sep 17 00:00:00 2001 From: Sascha Date: Thu, 4 Mar 2021 14:08:59 +0100 Subject: Use info.contrastText instead of text.secondary This will ensure better color managment for Message titles --- 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(-) diff --git a/webui/src/pages/bug/Message.tsx b/webui/src/pages/bug/Message.tsx index d27f7a3d..faff5356 100644 --- a/webui/src/pages/bug/Message.tsx +++ b/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, diff --git a/webui/src/themes/DefaultDark.ts b/webui/src/themes/DefaultDark.ts index 27170ff0..6a92ec49 100644 --- a/webui/src/themes/DefaultDark.ts +++ b/webui/src/themes/DefaultDark.ts @@ -13,6 +13,7 @@ const defaultDarkTheme = createMuiTheme({ }, info: { main: '#2a393e', + contrastText: '#ffffffb3', }, success: { main: '#2ea44fd9', diff --git a/webui/src/themes/DefaultLight.ts b/webui/src/themes/DefaultLight.ts index 735600b5..bc788a98 100644 --- a/webui/src/themes/DefaultLight.ts +++ b/webui/src/themes/DefaultLight.ts @@ -9,6 +9,7 @@ const defaultLightTheme = createMuiTheme({ }, info: { main: '#e2f1ff', + contrastText: '#555', }, success: { main: '#2ea44fd9', -- cgit