🚀 release v3.0.0

client/config/theme.ts

@@ -0,0 +1,72 @@
+import { createTheme } from '@mui/material';
+import { grey } from '@mui/material/colors';
+import { teal } from 'tailwindcss/colors';
+
+const theme = createTheme({
+  typography: {
+    fontSize: 12,
+    fontFamily: 'Inter, sans-serif',
+  },
+  components: {
+    MuiButton: {
+      defaultProps: {
+        size: 'small',
+        variant: 'contained',
+        disableElevation: true,
+      },
+      styleOverrides: {
+        root: {
+          textTransform: 'none',
+          padding: '6px 20px',
+        },
+      },
+    },
+    MuiTextField: {
+      defaultProps: {
+        variant: 'outlined',
+      },
+    },
+    MuiAppBar: {
+      styleOverrides: {
+        root: {
+          zIndex: 30,
+        },
+      },
+    },
+    MuiTooltip: {
+      styleOverrides: {
+        tooltip: {
+          fontSize: 12,
+        },
+      },
+    },
+    MuiDrawer: {
+      styleOverrides: {
+        root: {
+          zIndex: 40,
+        },
+        paper: {
+          border: 'none',
+        },
+      },
+    },
+  },
+});
+
+export const lightTheme = createTheme({
+  ...theme,
+  palette: {
+    mode: 'light',
+    primary: { main: grey[800] },
+    secondary: { main: teal[600] },
+  },
+});
+
+export const darkTheme = createTheme({
+  ...theme,
+  palette: {
+    mode: 'dark',
+    primary: { main: grey[100] },
+    secondary: { main: teal[400] },
+  },
+});