Revert "updates on the ui changes"

This reverts commit 298fc603a0.

src/theme/componentsOverride.js

@@ -0,0 +1,121 @@
+import customShadows from './shadows';
+
+// ==============================|| DOORMILE THEME - COMPONENT OVERRIDES ||============================== //
+// Clean, corporate Material Design tuning for the whole console.
+
+export default function componentsOverride(theme) {
+  const { palette } = theme;
+
+  return {
+    MuiCssBaseline: {
+      styleOverrides: {
+        body: { backgroundColor: palette.background.default },
+        '*::-webkit-scrollbar': { width: 8, height: 8 },
+        '*::-webkit-scrollbar-thumb': { background: palette.grey[300], borderRadius: 8 },
+        '*::-webkit-scrollbar-thumb:hover': { background: palette.grey[400] }
+      }
+    },
+    MuiButton: {
+      defaultProps: { disableElevation: true },
+      styleOverrides: {
+        root: { borderRadius: 6, fontWeight: 600, padding: '7px 18px' },
+        containedPrimary: {
+          boxShadow: customShadows.primaryGlow,
+          '&:hover': { boxShadow: customShadows.primaryGlowHover, backgroundColor: palette.primary.dark }
+        },
+        outlined: { borderColor: palette.grey[300] },
+        sizeLarge: { padding: '10px 22px', fontSize: '0.9375rem' }
+      }
+    },
+    MuiIconButton: {
+      styleOverrides: { root: { borderRadius: 8 } }
+    },
+    MuiCard: {
+      styleOverrides: {
+        root: {
+          borderRadius: 10,
+          border: `1px solid ${palette.grey[200]}`,
+          boxShadow: customShadows.card,
+          backgroundImage: 'none'
+        }
+      }
+    },
+    MuiCardHeader: {
+      defaultProps: { titleTypographyProps: { variant: 'h5' }, subheaderTypographyProps: { variant: 'caption' } },
+      styleOverrides: { root: { padding: 20 } }
+    },
+    MuiCardContent: {
+      styleOverrides: { root: { padding: 20, '&:last-child': { paddingBottom: 20 } } }
+    },
+    MuiPaper: {
+      defaultProps: { elevation: 0 },
+      styleOverrides: { rounded: { borderRadius: 10 } }
+    },
+    MuiChip: {
+      styleOverrides: {
+        root: { borderRadius: 6, fontWeight: 600, fontSize: '0.75rem' },
+        sizeSmall: { height: 22 },
+        label: { paddingLeft: 8, paddingRight: 8 }
+      }
+    },
+    MuiTableCell: {
+      styleOverrides: {
+        root: { borderColor: palette.grey[200], padding: '12px 16px', fontSize: '0.8125rem' },
+        head: {
+          fontWeight: 600,
+          color: palette.grey[600],
+          backgroundColor: palette.grey[50],
+          textTransform: 'none',
+          whiteSpace: 'nowrap'
+        }
+      }
+    },
+    MuiTableRow: {
+      styleOverrides: {
+        root: { '&:hover': { backgroundColor: palette.primary.lighter + '66' } }
+      }
+    },
+    MuiOutlinedInput: {
+      styleOverrides: {
+        root: {
+          borderRadius: 8,
+          backgroundColor: palette.background.paper,
+          '& .MuiOutlinedInput-notchedOutline': { borderColor: palette.grey[300] },
+          '&:hover .MuiOutlinedInput-notchedOutline': { borderColor: palette.grey[400] }
+        },
+        input: { padding: '11px 14px' }
+      }
+    },
+    MuiInputLabel: {
+      styleOverrides: { root: { color: palette.grey[600], fontSize: '0.875rem' } }
+    },
+    MuiTab: {
+      styleOverrides: {
+        root: { textTransform: 'none', fontWeight: 600, minHeight: 46, fontSize: '0.875rem' }
+      }
+    },
+    MuiTabs: {
+      styleOverrides: { indicator: { height: 3, borderRadius: 3 } }
+    },
+    MuiTooltip: {
+      styleOverrides: {
+        tooltip: { backgroundColor: palette.grey[800], borderRadius: 6, fontSize: '0.75rem', padding: '6px 10px' }
+      }
+    },
+    MuiDialog: {
+      styleOverrides: { paper: { borderRadius: 12 } }
+    },
+    MuiAvatar: {
+      styleOverrides: { root: { fontWeight: 600, fontSize: '0.875rem' } }
+    },
+    MuiListItemButton: {
+      styleOverrides: { root: { borderRadius: 8 } }
+    },
+    MuiLinearProgress: {
+      styleOverrides: { root: { borderRadius: 8, height: 6, backgroundColor: palette.grey[200] } }
+    },
+    MuiMenu: {
+      styleOverrides: { paper: { borderRadius: 10, boxShadow: customShadows.dropdown, marginTop: 4 } }
+    }
+  };
+}

src/theme/index.js

@@ -0,0 +1,20 @@
+import { createTheme } from '@mui/material/styles';
+
+import palette from './palette';
+import typography from './typography';
+import customShadows from './shadows';
+import componentsOverride from './componentsOverride';
+
+// ==============================|| DOORMILE THEME - ENTRY ||============================== //
+
+let theme = createTheme({
+  palette,
+  typography,
+  shape: { borderRadius: 6 },
+  customShadows,
+  mixins: { toolbar: { minHeight: 64 } }
+});
+
+theme.components = componentsOverride(theme);
+
+export default theme;

src/theme/palette.js

@@ -0,0 +1,102 @@
+// ==============================|| DOORMILE THEME - PALETTE ||============================== //
+// Corporate red brand palette. Brand red #C01227.
+
+export const grey = {
+  0: '#FFFFFF',
+  50: '#FAFAFA',
+  100: '#F5F5F5',
+  200: '#F0F0F0',
+  300: '#D9D9D9',
+  400: '#BFBFBF',
+  500: '#8C8C8C',
+  600: '#595959',
+  700: '#434343',
+  800: '#262626',
+  900: '#141414',
+  A50: '#FAFAFB',
+  A100: '#E6EBF1'
+};
+
+const palette = {
+  mode: 'light',
+  common: { black: '#000000', white: '#FFFFFF' },
+  primary: {
+    lighter: '#F8E0E3',
+    100: '#EFBBC1',
+    200: '#E08A92',
+    light: '#D6515C',
+    400: '#CC2E3C',
+    main: '#C01227',
+    dark: '#9E0E20',
+    700: '#870C1B',
+    darker: '#7E0B17',
+    900: '#520710',
+    contrastText: '#FFFFFF'
+  },
+  secondary: {
+    lighter: grey[100],
+    100: grey[100],
+    200: grey[200],
+    light: grey[300],
+    400: grey[400],
+    main: grey[500],
+    600: grey[600],
+    dark: grey[700],
+    800: grey[800],
+    darker: grey[900],
+    A100: grey[0],
+    A200: grey[400],
+    A300: grey[700],
+    contrastText: grey[0]
+  },
+  error: {
+    lighter: '#FEEAE9',
+    light: '#F88078',
+    main: '#F04134',
+    dark: '#A82216',
+    darker: '#7A150C',
+    contrastText: '#FFFFFF'
+  },
+  warning: {
+    lighter: '#FFF7E0',
+    light: '#FFD666',
+    main: '#FFBF00',
+    dark: '#B38600',
+    darker: '#805F00',
+    contrastText: '#262626'
+  },
+  info: {
+    lighter: '#E0F7F8',
+    light: '#66CBD2',
+    main: '#00A2AE',
+    dark: '#00727B',
+    darker: '#005159',
+    contrastText: '#FFFFFF'
+  },
+  success: {
+    lighter: '#E3F6EC',
+    light: '#5CC98C',
+    main: '#00A854',
+    dark: '#00773B',
+    darker: '#00552A',
+    contrastText: '#FFFFFF'
+  },
+  grey,
+  text: {
+    primary: grey[800],
+    secondary: grey[600],
+    disabled: grey[400]
+  },
+  action: {
+    disabled: grey[300],
+    hover: 'rgba(192, 18, 39, 0.04)',
+    selected: 'rgba(192, 18, 39, 0.08)'
+  },
+  divider: grey[200],
+  background: {
+    paper: '#FFFFFF',
+    default: grey.A50
+  }
+};
+
+export default palette;

src/theme/shadows.js

@@ -0,0 +1,14 @@
+// ==============================|| DOORMILE THEME - CUSTOM SHADOWS ||============================== //
+// Soft, subtle corporate elevation + a branded red glow for primary CTAs.
+
+const customShadows = {
+  card: '0px 1px 4px rgba(0, 0, 0, 0.08)',
+  cardHover: '0px 4px 16px rgba(0, 0, 0, 0.10)',
+  widget: '0px 2px 14px rgba(38, 38, 38, 0.06)',
+  dropdown: '0px 8px 24px rgba(38, 38, 38, 0.12)',
+  primaryGlow: '0px 6px 16px rgba(192, 18, 39, 0.28)',
+  primaryGlowHover: '0px 8px 20px rgba(192, 18, 39, 0.36)',
+  header: '0px 1px 0px rgba(0, 0, 0, 0.06)'
+};
+
+export default customShadows;

src/theme/typography.js

@@ -0,0 +1,25 @@
+// ==============================|| DOORMILE THEME - TYPOGRAPHY ||============================== //
+
+const typography = {
+  fontFamily: '"Public Sans", "Inter", "Helvetica", "Arial", sans-serif',
+  htmlFontSize: 16,
+  fontWeightLight: 300,
+  fontWeightRegular: 400,
+  fontWeightMedium: 500,
+  fontWeightBold: 600,
+  h1: { fontWeight: 700, fontSize: '2.375rem', lineHeight: 1.21 },
+  h2: { fontWeight: 700, fontSize: '1.875rem', lineHeight: 1.27 },
+  h3: { fontWeight: 600, fontSize: '1.5rem', lineHeight: 1.33 },
+  h4: { fontWeight: 600, fontSize: '1.25rem', lineHeight: 1.4 },
+  h5: { fontWeight: 600, fontSize: '1rem', lineHeight: 1.5 },
+  h6: { fontWeight: 500, fontSize: '0.875rem', lineHeight: 1.57 },
+  caption: { fontWeight: 400, fontSize: '0.75rem', lineHeight: 1.66 },
+  body1: { fontSize: '0.875rem', lineHeight: 1.57 },
+  body2: { fontSize: '0.75rem', lineHeight: 1.66 },
+  subtitle1: { fontSize: '0.875rem', fontWeight: 600, lineHeight: 1.57 },
+  subtitle2: { fontSize: '0.75rem', fontWeight: 500, lineHeight: 1.66 },
+  overline: { fontSize: '0.6875rem', fontWeight: 600, letterSpacing: '0.08em', textTransform: 'uppercase' },
+  button: { textTransform: 'capitalize', fontWeight: 600 }
+};
+
+export default typography;