chore: remove neutral color from theme

Otherwise, the dark mode was having trouble with the simplest pallete definition
Exabyte-io · Nov 25, 2023 · 599f302 · 599f302
1 parent 6580aff
commit 599f302
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 31 deletions.
diff --git a/src/mui/components/dialog/Dialog.tsx b/src/mui/components/dialog/Dialog.tsx
@@ -90,7 +90,7 @@ function DialogModal({
                         </Typography>
                     )}
                     {onClose && (
-                        <IconButton id={`${id}-close-button`} color="neutral" onClick={onClose}>
+                        <IconButton id={`${id}-close-button`} onClick={onClose}>
                             <IconByName name="actions.close" fontSize="small" />
                         </IconButton>
                     )}
@@ -109,7 +109,6 @@ function DialogModal({
                 <Button
                     id={`${id}-cancel-button`}
                     variant="text"
-                    color="neutral"
                     data-dismiss="modal"
                     aria-label={cancelButtonText}
                     onClick={handleCancel}

diff --git a/src/theme/mui.d.ts b/src/theme/mui.d.ts
diff --git a/src/theme/palette/index.ts b/src/theme/palette/index.ts
@@ -36,9 +36,6 @@ const palette = {
         light: "#03A9F4",
         contrastText: "rgba(0, 0, 0, 0.23)",
     },
-    neutral: {
-        main: "rgba(0, 0, 0, 0.5)",
-    },
     text: {
         primary: "rgba(37, 39, 60, 0.87)",
         secondary: "rgba(76, 78, 100, 0.6)",

diff --git a/src/theme/theme.ts b/src/theme/theme.ts
@@ -89,7 +89,7 @@ const MuiSvgIconSizesOverrides = {
 
 export const theme = createTheme({ palette: lightPalette });
 // default MUI dark theme:
-export const darkTheme = createTheme({ palette: { mode: "dark", neutral: lightPalette.neutral } });
+export const darkTheme = createTheme({ palette: { mode: "dark"} });
 const buildTheme = (theme: Theme) => {
     return createTheme(theme, {
         ...commonSettings,