revised to use primary.main

SeedCompany · Oct 2, 2024 · fcb0ae8 · fcb0ae8
1 parent eb1b80c
commit fcb0ae8
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 10 deletions.
diff --git a/src/components/Changeset/PropertyDiff.tsx b/src/components/Changeset/PropertyDiff.tsx
@@ -19,7 +19,7 @@ const useStyles = makeStyles()(({ palette, shape, spacing }) => ({
   },
   current: {
     color: palette.primary.dark,
-    background: fade(palette.primary.light, 0.5),
+    background: fade(palette.primary.main, 0.5),
   },
 }));
 

diff --git a/src/scenes/Locations/Detail/LocationDetail.tsx b/src/scenes/Locations/Detail/LocationDetail.tsx
@@ -144,7 +144,7 @@ export const LocationDetail = () => {
                   fill: theme.palette.primary.main,
                 },
                 '#Highlight_Circle': {
-                  fill: theme.palette.primary.light,
+                  fill: theme.palette.primary.main,
                 },
               })}
             />

diff --git a/src/theme/overrides.ts b/src/theme/overrides.ts
@@ -11,9 +11,7 @@ export const appComponents = ({
   shape,
 }: Theme): Components<Theme> => {
   const dark = palette.mode === 'dark';
-  const primaryColorForText = dark
-    ? palette.primary.light
-    : palette.primary.main;
+  const primaryColorForText = palette.primary.main;
   return {
     MuiAppBar: {
       defaultProps: {
@@ -144,7 +142,7 @@ export const appComponents = ({
     MuiLink: {
       defaultProps: {
         underline: 'hover',
-        color: dark ? 'primary.light' : 'primary.main',
+        color: 'primary.main',
       },
     },
     MuiToggleButtonGroup: {

diff --git a/src/theme/palette.ts b/src/theme/palette.ts
@@ -1,6 +1,6 @@
 import { PaletteColor, PaletteColorOptions } from '@mui/material';
 import { grey } from '@mui/material/colors';
-import { lighten, PaletteOptions } from '@mui/material/styles';
+import { PaletteOptions } from '@mui/material/styles';
 import { Role } from '~/api/schema/schema.graphql';
 
 export const createPalette = ({ dark }: { dark?: boolean }) => {
@@ -14,9 +14,6 @@ export const createPalette = ({ dark }: { dark?: boolean }) => {
     primary: {
       main: mainGreen,
       contrastText: '#ffffff',
-      // TODO could not be needed anymore with change to primary green
-      // default is lighten main color by 0.2
-      light: lighten(mainGreen, 0.4),
     },
     secondary: {
       main: dark ? grey[50] : '#3c444e',