From 599f302be5a55ff9faef1979c9fceedfd3926cf3 Mon Sep 17 00:00:00 2001
From: Timur Bazhirov <timur@exabyte.io>
Date: Fri, 24 Nov 2023 21:19:45 -0800
Subject: [PATCH] chore: remove neutral color from theme

Otherwise, the dark mode was having trouble with the simplest pallete definition
---
 src/mui/components/dialog/Dialog.tsx |  3 +--
 src/theme/mui.d.ts                   | 25 -------------------------
 src/theme/palette/index.ts           |  3 ---
 src/theme/theme.ts                   |  2 +-
 4 files changed, 2 insertions(+), 31 deletions(-)
 delete mode 100644 src/theme/mui.d.ts

diff --git a/src/mui/components/dialog/Dialog.tsx b/src/mui/components/dialog/Dialog.tsx
index 43ca47e7..1a70d891 100644
--- 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
deleted file mode 100644
index 22ec7803..00000000
--- a/src/theme/mui.d.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Palette, PaletteColor, Theme } from "@mui/material/styles";
-
-declare module "@mui/material/styles" {
-    interface Theme {
-        iconDefaultFontSize: number;
-    }
-
-    interface Palette {
-        border: PaletteColor;
-        neutral: PaletteColor;
-    }
-}
-
-declare module "@mui/material/Button" {
-    interface ButtonPropsColorOverrides {
-        neutral: true;
-    }
-}
-
-declare module "@mui/material/IconButton" {
-    interface IconButtonPropsColorOverrides {
-        neutral: true;
-    }
-}
diff --git a/src/theme/palette/index.ts b/src/theme/palette/index.ts
index 3cc1be7f..62be9db1 100644
--- 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
index 23408cdc..dac72cb0 100644
--- 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,