refactor(web): change light mode colours

overextended · Mar 18, 2023 · f4f769e · f4f769e
1 parent bc43188
commit f4f769e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/app.theme.ts b/src/app.theme.ts
@@ -1,4 +1,4 @@
-import { common, green } from '@mui/material/colors';
+import { common } from '@mui/material/colors';
 import { ThemeOptions } from '@mui/material';
 
 export const APP_PRIMARY_COLOR = '#a6c8ff';
@@ -10,10 +10,10 @@ export const lightTheme: ThemeOptions = {
   palette: {
     mode: 'light',
     primary: {
-      main: APP_PRIMARY_COLOR,
-      dark: green[700],
-      light: green[300],
-      contrastText: LIGHT_APP_TEXT_COLOR,
+      main: '#215fa6',
+      dark: '#3275c2',
+      light: '#215b9e',
+      contrastText: '#ffffff',
     },
     secondary: {
       main: '#d32f2f',

diff --git a/src/pages/shared/components/SharedCard.tsx b/src/pages/shared/components/SharedCard.tsx
@@ -57,7 +57,7 @@ export const SharedCard: React.FC<Props> = ({ data }) => {
               TransitionProps={{ unmountOnExit: true }}
               expanded={expanded === index}
               onChange={handleChange(index)}
-              sx={{ backgroundColor: 'grey.900' }}
+              sx={(theme) => ({ backgroundColor: theme.palette.mode === 'dark' ? 'grey.900' : 'grey.100' })}
               key={document.type === 'id' ? document.type : document.name}
             >
               <AccordionSummary expandIcon={<ExpandMore />}>