updates on the ui changes

2026-07-08 18:42:56 +05:30
parent e8949e0b1a
commit 298fc603a0
44 changed files with 7062 additions and 4670 deletions
--- a/src/theme/componentsOverride.js
+++ b/src/theme/componentsOverride.js
@@ -1,121 +0,0 @@
-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 } }
-    }
-  };
-}
--- a/src/theme/index.js
+++ b/src/theme/index.js
@@ -1,20 +0,0 @@
-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;
--- a/src/theme/palette.js
+++ b/src/theme/palette.js
@@ -1,102 +0,0 @@
-// ==============================|| 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;
--- a/src/theme/shadows.js
+++ b/src/theme/shadows.js
@@ -1,14 +0,0 @@
-// ==============================|| 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;
--- a/src/theme/typography.js
+++ b/src/theme/typography.js
@@ -1,25 +0,0 @@
-// ==============================|| 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;