Change snackbar dark theme text color

Fixes #129
AntonelliLab · Apr 13, 2021 · 0bf4d9b · 0bf4d9b
1 parent 3d309b2
commit 0bf4d9b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/app/components/SnackbarMessage.js b/src/app/components/SnackbarMessage.js
@@ -19,7 +19,7 @@ const variantIcon = {
   info: InfoIcon,
 };
 
-const useStyles = makeStyles(theme => ({
+const useStyles = makeStyles((theme) => ({
   success: {
     backgroundColor: theme.palette.output.main,
   },
@@ -43,7 +43,7 @@ const useStyles = makeStyles(theme => ({
   message: {
     display: 'flex',
     alignItems: 'center',
-    color: '#333',
+    color: theme.palette.primary.contrastText,
   },
 }));
 

diff --git a/src/app/theme/index.js b/src/app/theme/index.js
@@ -7,12 +7,11 @@ const darkTheme = {
       background: 'hsl(29, 5%, 5%)',
       border: 'hsl(29, 80%, 38%)',
       main: 'hsl(29, 80%, 30%)',
-      contrastText: '#333',
+      contrastText: '#ddd',
     },
     secondary: {
       main: 'hsl(29, 80%, 30%)',
-      // main: 'hsl(180, 50%, 50%)',
-      contrastText: '#333',
+      contrastText: '#ddd',
     },
     model: {
       background: 'hsla(33, 27%, 10%, 1)',