@applica-software-guru/react-admin 1.4.226 → 1.5.230

package/src/themes/overrides/index.ts

@@ -0,0 +1,98 @@
+import { Accordion } from './Accordion';
+import { AccordionDetails } from './AccordionDetails';
+import { AccordionSummary } from './AccordionSummary';
+import { Alert } from './Alert';
+import { AlertTitle } from './AlertTitle';
+import { Autocomplete } from './Autocomplete';
+import { Badge } from './Badge';
+import { Button } from './Button';
+import { ButtonBase } from './ButtonBase';
+import { ButtonGroup } from './ButtonGroup';
+import { CardContent } from './CardContent';
+import { Checkbox } from './Checkbox';
+import { Chip } from './Chip';
+import { Dialog } from './Dialog';
+import { DialogContentText } from './DialogContentText';
+import { DialogTitle } from './DialogTitle';
+import { Fab } from './Fab';
+import { IconButton } from './IconButton';
+import { InputBase } from './InputBase';
+import { InputLabel } from './InputLabel';
+import { LinearProgress } from './LinearProgress';
+import { Link } from './Link';
+import { ListItemButton } from './ListItemButton';
+import { ListItemIcon } from './ListItemIcon';
+import { ListItemText } from './ListItemText';
+import { LoadingButton } from './LoadingButton';
+import { OutlinedInput } from './OutlinedInput';
+import { Pagination } from './Pagination';
+import { PaginationItem } from './PaginationItem';
+import { Popover } from './Popover';
+import { Radio } from './Radio';
+import { Slider } from './Slider';
+import { Switch } from './Switch';
+import { Tab } from './Tab';
+import { TableBody } from './TableBody';
+import { TableCell } from './TableCell';
+import { TableFooter } from './TableFooter';
+import { TableHead } from './TableHead';
+import { TablePagination } from './TablePagination';
+import { TableRow } from './TableRow';
+import { Tabs } from './Tabs';
+import { ToggleButton } from './ToggleButton';
+import { Tooltip } from './Tooltip';
+import { TreeItem } from './TreeItem';
+import { Typography } from './Typography';
+import { merge } from 'lodash';
+
+function ComponentsOverrides(theme: any) {
+  return merge(
+    Accordion(theme),
+    AccordionDetails(theme),
+    AccordionSummary(theme),
+    Alert(theme),
+    AlertTitle(),
+    Autocomplete(theme),
+    Badge(theme),
+    Button(theme),
+    ButtonBase(),
+    ButtonGroup(),
+    CardContent(),
+    Checkbox(theme),
+    Chip(theme),
+    Dialog(theme),
+    DialogContentText(theme),
+    DialogTitle(),
+    Fab(theme),
+    IconButton(theme),
+    InputBase(theme),
+    InputLabel(theme),
+    LinearProgress(),
+    Link(),
+    ListItemButton(theme),
+    ListItemIcon(theme),
+    ListItemText(theme),
+    LoadingButton(),
+    OutlinedInput(theme),
+    Pagination(),
+    PaginationItem(theme),
+    Popover(theme),
+    Radio(theme),
+    Slider(theme),
+    Switch(theme),
+    Tab(theme),
+    TableBody(theme),
+    TableCell(theme),
+    TableFooter(theme),
+    TableHead(theme),
+    TablePagination(),
+    TableRow(),
+    Tabs(),
+    ToggleButton(theme),
+    Tooltip(theme),
+    TreeItem(),
+    Typography()
+  );
+}
+
+export { ComponentsOverrides };

package/src/themes/{palette.jsx → palette.ts}

@@ -1,15 +1,8 @@
-// material-ui
-import { alpha, createTheme } from '@mui/material/styles';
-
-// third-party
+import { Theme } from './theme';
 import { presetDarkPalettes, presetPalettes } from '@ant-design/colors';
+import { alpha, createTheme } from '@mui/material/styles';
 
-// project import
-import ThemeOption from './theme';
-
-// ==============================|| DEFAULT THEME - PALETTE  ||============================== //
-
-const Palette = (mode, presetColor) => {
+function Palette(mode: 'light' | 'dark', presetColor: string): any {
   const colors = mode === 'dark' ? presetDarkPalettes : presetPalettes;
 
   let greyPrimary = [
@@ -29,14 +22,24 @@ const Palette = (mode, presetColor) => {
   let greyConstant = ['#fafafb', '#e6ebf1'];
 
   if (mode === 'dark') {
-    greyPrimary = ['#000000', '#141414', '#1e1e1e', '#595959', '#8c8c8c', '#bfbfbf', '#d9d9d9', '#f0f0f0', '#f5f5f5', '#fafafa', '#ffffff'];
-    // greyPrimary.reverse();
+    greyPrimary = [
+      '#000000',
+      '#141414',
+      '#1e1e1e',
+      '#595959',
+      '#8c8c8c',
+      '#bfbfbf',
+      '#d9d9d9',
+      '#f0f0f0',
+      '#f5f5f5',
+      '#fafafa',
+      '#ffffff'
+    ];
     greyAscent = ['#fafafa', '#bfbfbf', '#434343', '#1f1f1f'];
     greyConstant = ['#121212', '#d3d8db'];
   }
   colors.grey = [...greyPrimary, ...greyAscent, ...greyConstant];
-
-  const paletteColor = ThemeOption(colors, presetColor, mode);
+  const paletteColor = Theme(colors, presetColor as any, mode);
 
   return createTheme({
     palette: {
@@ -61,6 +64,6 @@ const Palette = (mode, presetColor) => {
       }
     }
   });
-};
+}
 
-export default Palette;
+export { Palette };

package/src/themes/shadows.ts

@@ -0,0 +1,29 @@
+import { ThemeProps } from '@/themes/types';
+import { alpha } from '@mui/material/styles';
+
+function CustomShadows(theme: ThemeProps) {
+  return {
+    // z1: `0px 2px 8px rgba(0, 0, 0, 0.15)`,
+    button: theme.palette.mode === 'dark' ? `0 2px 0 rgb(0 0 0 / 5%)` : `0 2px #0000000b`,
+    text: `0 -1px 0 rgb(0 0 0 / 12%)`,
+    z1:
+      theme.palette.mode === 'dark'
+        ? `0px 1px 1px rgb(0 0 0 / 14%), 0px 2px 1px rgb(0 0 0 / 12%), 0px 1px 3px rgb(0 0 0 / 20%)`
+        : `0px 1px 4px ${alpha(theme.palette.grey[900], 0.08)}`,
+    primary: `0 0 0 2px ${alpha(theme.palette.primary.main, 0.2)}`,
+    secondary: `0 0 0 2px ${alpha(theme.palette.secondary.main, 0.2)}`,
+    error: `0 0 0 2px ${alpha(theme.palette.error.main, 0.2)}`,
+    warning: `0 0 0 2px ${alpha(theme.palette.warning.main, 0.2)}`,
+    info: `0 0 0 2px ${alpha(theme.palette.info.main, 0.2)}`,
+    success: `0 0 0 2px ${alpha(theme.palette.success.main, 0.2)}`,
+    grey: `0 0 0 2px ${alpha(theme.palette.grey[500], 0.2)}`,
+    primaryButton: `0 14px 12px ${alpha(theme.palette.primary.main, 0.2)}`,
+    secondaryButton: `0 14px 12px ${alpha(theme.palette.secondary.main, 0.2)}`,
+    errorButton: `0 14px 12px ${alpha(theme.palette.error.main, 0.2)}`,
+    warningButton: `0 14px 12px ${alpha(theme.palette.warning.main, 0.2)}`,
+    infoButton: `0 14px 12px ${alpha(theme.palette.info.main, 0.2)}`,
+    successButton: `0 14px 12px ${alpha(theme.palette.success.main, 0.2)}`,
+    greyButton: `0 14px 12px ${alpha(theme.palette.grey[500], 0.2)}`
+  };
+}
+export { CustomShadows };

package/src/themes/theme/{default.jsx → default.ts}

@@ -1,8 +1,4 @@
-import PropTypes from 'prop-types';
-
-// ==============================|| PRESET THEME - DEFAULT ||============================== //
-
-const Default = (colors) => {
+function Default(colors: any): any {
   const { blue, red, gold, cyan, green, grey } = colors;
   const greyColors = {
     0: grey[0],
@@ -89,10 +85,6 @@ const Default = (colors) => {
     },
     grey: greyColors
   };
-};
-
-Default.propTypes = {
-  colors: PropTypes.object
-};
+}
 
-export default Default;
+export { Default };

package/src/themes/theme/index.ts

@@ -0,0 +1,37 @@
+import { Default } from './default';
+import { Theme1 } from './theme1';
+import { Theme2 } from './theme2';
+import { Theme3 } from './theme3';
+import { Theme4 } from './theme4';
+import { Theme5 } from './theme5';
+import { Theme6 } from './theme6';
+import { Theme7 } from './theme7';
+import { Theme8 } from './theme8';
+
+function Theme(
+  colors: any,
+  presetColor: 'theme1' | 'theme2' | 'theme3' | 'theme4' | 'theme5' | 'theme6' | 'theme7' | 'theme8' | 'default',
+  mode: any
+) {
+  switch (presetColor) {
+    case 'theme1':
+      return Theme1(colors, mode);
+    case 'theme2':
+      return Theme2(colors, mode);
+    case 'theme3':
+      return Theme3(colors, mode);
+    case 'theme4':
+      return Theme4(colors, mode);
+    case 'theme5':
+      return Theme5(colors, mode);
+    case 'theme6':
+      return Theme6(colors, mode);
+    case 'theme7':
+      return Theme7(colors, mode);
+    case 'theme8':
+      return Theme8(colors, mode);
+    default:
+      return Default(colors);
+  }
+}
+export { Theme };

package/src/themes/theme/{theme1.jsx → theme1.ts}

@@ -1,6 +1,4 @@
-// ==============================|| PRESET THEME - Eva Design ||============================== //
-
-const Theme1 = (colors, mode) => {
+function Theme1(colors: any, mode: string) {
   const { grey } = colors;
   const greyColors = {
     0: grey[0],
@@ -23,14 +21,36 @@ const Theme1 = (colors, mode) => {
   };
   const contrastText = '#fff';
 
-  let primaryColors = ['#D6E4FF', '#D6E4FF', '#ADC8FF', '#84A9FF', '#6690FF', '#3366FF', '#254EDB', '#1939B7', '#102693', '#102693'];
+  let primaryColors = [
+    '#D6E4FF',
+    '#D6E4FF',
+    '#ADC8FF',
+    '#84A9FF',
+    '#6690FF',
+    '#3366FF',
+    '#254EDB',
+    '#1939B7',
+    '#102693',
+    '#102693'
+  ];
   let errorColors = ['#FFE7D3', '#FF805D', '#FF4528', '#DB271D', '#930C1A'];
   let warningColors = ['#FFF6D0', '#FFCF4E', '#FFB814', '#DB970E', '#935B06'];
   let infoColors = ['#DCF0FF', '#7EB9FF', '#549BFF', '#3D78DB', '#1A3D93'];
   let successColors = ['#EAFCD4', '#8AE65B', '#58D62A', '#3DB81E', '#137C0D'];
 
   if (mode === 'dark') {
-    primaryColors = ['#1c2134', '#1f294d', '#243462', '#273e83', '#2c4db0', '#305bdd', '#567fe9', '#80a4f4', '#a9c5f8', '#d2e2fb'];
+    primaryColors = [
+      '#1c2134',
+      '#1f294d',
+      '#243462',
+      '#273e83',
+      '#2c4db0',
+      '#305bdd',
+      '#567fe9',
+      '#80a4f4',
+      '#a9c5f8',
+      '#d2e2fb'
+    ];
     errorColors = ['#341d1b', '#b03725', '#dd3f27', '#e9664d', '#fbd6c9'];
     warningColors = ['#342a1a', '#83631a', '#dda116', '#e9ba3a', '#fbefb5'];
     infoColors = ['#202734', '#416fb0', '#4c88dd', '#74a8e9', '#ecf4fb'];
@@ -101,6 +121,6 @@ const Theme1 = (colors, mode) => {
     },
     grey: greyColors
   };
-};
+}
 
-export default Theme1;
+export { Theme1 };

package/src/themes/theme/{theme5.jsx → theme2.ts}

@@ -1,6 +1,4 @@
-// ==============================|| PRESET THEME - Theme4 Blue ||============================== //
-
-const Theme5 = (colors, mode) => {
+function Theme2(colors: any, mode: string) {
   const { grey } = colors;
   const greyColors = {
     0: grey[0],
@@ -23,14 +21,36 @@ const Theme5 = (colors, mode) => {
   };
   const contrastText = '#fff';
 
-  let primaryColors = ['#fff4e6', '#ffdfb8', '#ffc98f', '#ffb066', '#ff943d', '#f27013', '#cc5206', '#a63a00', '#802800', '#591900'];
+  let primaryColors = [
+    '#EEEDFC',
+    '#D5D1F8',
+    '#B9B2F3',
+    '#9C93EE',
+    '#877CEA',
+    '#7265E6',
+    '#6A5DE3',
+    '#5F53DF',
+    '#5549DB',
+    '#4237D5'
+  ];
   let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21'];
   let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900'];
   let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694'];
   let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A'];
 
   if (mode === 'dark') {
-    primaryColors = ['#32221a', '#4a2b18', '#5e371b', '#7d4319', '#a85317', '#d26415', '#e9883a', '#f4a962', '#f8c48c', '#fbdbb5'];
+    primaryColors = [
+      '#222130',
+      '#2b2946',
+      '#37335a',
+      '#443e78',
+      '#554ca0',
+      '#655ac8',
+      '#9186dd',
+      '#5F53DF',
+      '#c3baf4',
+      '#efecfb'
+    ];
     errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf'];
     warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577'];
     infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb'];
@@ -101,6 +121,6 @@ const Theme5 = (colors, mode) => {
     },
     grey: greyColors
   };
-};
+}
 
-export default Theme5;
+export { Theme2 };

package/src/themes/theme/{theme4.jsx → theme3.ts}

@@ -1,6 +1,4 @@
-// ==============================|| PRESET THEME - Theme4 Blue ||============================== //
-
-const Theme4 = (colors, mode) => {
+function Theme3(colors: any, mode: string) {
   const { grey } = colors;
   const greyColors = {
     0: grey[0],
@@ -23,14 +21,36 @@ const Theme4 = (colors, mode) => {
   };
   const contrastText = '#fff';
 
-  let primaryColors = ['#f0f6ff', '#edf4ff', '#bed3f7', '#8faeeb', '#6488de', '#3c64d0', '#2947ab', '#192f85', '#0d1b5e', '#070e38'];
+  let primaryColors = [
+    '#E6F3EC',
+    '#84c297',
+    '#5eb57d',
+    '#3da866',
+    '#1f9c53',
+    '#068e44',
+    '#006933',
+    '#004222',
+    '#001c0f',
+    '#000000'
+  ];
   let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21'];
   let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900'];
   let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694'];
   let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A'];
 
   if (mode === 'dark') {
-    primaryColors = ['#1d212d', '#212841', '#273353', '#2c3e6e', '#324c92', '#385ab5', '#5d7dcb', '#89a7e1', '#b9cef0', '#e9f0fb'];
+    primaryColors = [
+      '#1a231f',
+      '#173123',
+      '#174029',
+      '#13502f',
+      '#0e6737',
+      '#0a7d3e',
+      '#1f8f4e',
+      '#3ba162',
+      '#5cb07a',
+      '#82bf95'
+    ];
     errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf'];
     warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577'];
     infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb'];
@@ -101,6 +121,6 @@ const Theme4 = (colors, mode) => {
     },
     grey: greyColors
   };
-};
+}
 
-export default Theme4;
+export { Theme3 };

package/src/themes/theme/{theme3.jsx → theme4.ts}

@@ -1,6 +1,4 @@
-// ==============================|| PRESET THEME - Dark Green ||============================== //
-
-const Theme4 = (colors, mode) => {
+function Theme4(colors: any, mode: string) {
   const { grey } = colors;
   const greyColors = {
     0: grey[0],
@@ -23,14 +21,36 @@ const Theme4 = (colors, mode) => {
   };
   const contrastText = '#fff';
 
-  let primaryColors = ['#E6F3EC', '#84c297', '#5eb57d', '#3da866', '#1f9c53', '#068e44', '#006933', '#004222', '#001c0f', '#000000'];
+  let primaryColors = [
+    '#f0f6ff',
+    '#edf4ff',
+    '#bed3f7',
+    '#8faeeb',
+    '#6488de',
+    '#3c64d0',
+    '#2947ab',
+    '#192f85',
+    '#0d1b5e',
+    '#070e38'
+  ];
   let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21'];
   let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900'];
   let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694'];
   let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A'];
 
   if (mode === 'dark') {
-    primaryColors = ['#1a231f', '#173123', '#174029', '#13502f', '#0e6737', '#0a7d3e', '#1f8f4e', '#3ba162', '#5cb07a', '#82bf95'];
+    primaryColors = [
+      '#1d212d',
+      '#212841',
+      '#273353',
+      '#2c3e6e',
+      '#324c92',
+      '#385ab5',
+      '#5d7dcb',
+      '#89a7e1',
+      '#b9cef0',
+      '#e9f0fb'
+    ];
     errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf'];
     warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577'];
     infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb'];
@@ -101,6 +121,6 @@ const Theme4 = (colors, mode) => {
     },
     grey: greyColors
   };
-};
+}
 
-export default Theme4;
+export { Theme4 };

package/src/themes/theme/{theme2.jsx → theme5.ts}

@@ -1,6 +1,4 @@
-// ==============================|| PRESET THEME - DEFAULT ||============================== //
-
-const Theme2 = (colors, mode) => {
+function Theme5(colors: any, mode: string) {
   const { grey } = colors;
   const greyColors = {
     0: grey[0],
@@ -23,14 +21,36 @@ const Theme2 = (colors, mode) => {
   };
   const contrastText = '#fff';
 
-  let primaryColors = ['#EEEDFC', '#D5D1F8', '#B9B2F3', '#9C93EE', '#877CEA', '#7265E6', '#6A5DE3', '#5F53DF', '#5549DB', '#4237D5'];
+  let primaryColors = [
+    '#fff4e6',
+    '#ffdfb8',
+    '#ffc98f',
+    '#ffb066',
+    '#ff943d',
+    '#f27013',
+    '#cc5206',
+    '#a63a00',
+    '#802800',
+    '#591900'
+  ];
   let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21'];
   let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900'];
   let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694'];
   let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A'];
 
   if (mode === 'dark') {
-    primaryColors = ['#222130', '#2b2946', '#37335a', '#443e78', '#554ca0', '#655ac8', '#9186dd', '#5F53DF', '#c3baf4', '#efecfb'];
+    primaryColors = [
+      '#32221a',
+      '#4a2b18',
+      '#5e371b',
+      '#7d4319',
+      '#a85317',
+      '#d26415',
+      '#e9883a',
+      '#f4a962',
+      '#f8c48c',
+      '#fbdbb5'
+    ];
     errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf'];
     warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577'];
     infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb'];
@@ -101,6 +121,6 @@ const Theme2 = (colors, mode) => {
     },
     grey: greyColors
   };
-};
+}
 
-export default Theme2;
+export { Theme5 };

package/src/themes/theme/theme6.ts

@@ -0,0 +1,126 @@
+function Theme6(colors: any, mode: string) {
+  const { grey } = colors;
+  const greyColors = {
+    0: grey[0],
+    50: grey[1],
+    100: grey[2],
+    200: grey[3],
+    300: grey[4],
+    400: grey[5],
+    500: grey[6],
+    600: grey[7],
+    700: grey[8],
+    800: grey[9],
+    900: grey[10],
+    A50: grey[15],
+    A100: grey[11],
+    A200: grey[12],
+    A400: grey[13],
+    A700: grey[14],
+    A800: grey[16]
+  };
+  const contrastText = '#fff';
+
+  let primaryColors = [
+    '#e1f0ef',
+    '#c8e3e2',
+    '#9ad6d6',
+    '#71c6c9',
+    '#4bb5bd',
+    '#2aa1af',
+    '#1a7b8a',
+    '#0e5563',
+    '#06323d',
+    '#021217'
+  ];
+  let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21'];
+  let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900'];
+  let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694'];
+  let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A'];
+
+  if (mode === 'dark') {
+    primaryColors = [
+      '#1c2628',
+      '#1d3539',
+      '#22454a',
+      '#23595f',
+      '#26737c',
+      '#288d99',
+      '#47a6ad',
+      '#6dbec0',
+      '#96d0d0',
+      '#c5dfde'
+    ];
+    errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf'];
+    warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577'];
+    infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb'];
+    successColors = ['#1a2721', '#115c36', '#05934c', '#1da65d', '#61ca8b'];
+  }
+
+  return {
+    primary: {
+      lighter: primaryColors[0],
+      100: primaryColors[1],
+      200: primaryColors[2],
+      light: primaryColors[3],
+      400: primaryColors[4],
+      main: primaryColors[5],
+      dark: primaryColors[6],
+      700: primaryColors[7],
+      darker: primaryColors[8],
+      900: primaryColors[9],
+      contrastText
+    },
+    secondary: {
+      lighter: greyColors[100],
+      100: greyColors[100],
+      200: greyColors[200],
+      light: greyColors[300],
+      400: greyColors[400],
+      main: greyColors[500],
+      600: greyColors[600],
+      dark: greyColors[700],
+      800: greyColors[800],
+      darker: greyColors[900],
+      A100: greyColors[0],
+      A200: greyColors.A400,
+      A300: greyColors.A700,
+      contrastText: greyColors[0]
+    },
+    error: {
+      lighter: errorColors[0],
+      light: errorColors[1],
+      main: errorColors[2],
+      dark: errorColors[3],
+      darker: errorColors[4],
+      contrastText
+    },
+    warning: {
+      lighter: warningColors[0],
+      light: warningColors[1],
+      main: warningColors[2],
+      dark: warningColors[3],
+      darker: warningColors[4],
+      contrastText: greyColors[100]
+    },
+    info: {
+      lighter: infoColors[0],
+      light: infoColors[1],
+      main: infoColors[2],
+      dark: infoColors[3],
+      darker: infoColors[4],
+      contrastText
+    },
+    success: {
+      lighter: successColors[0],
+      light: successColors[1],
+      main: successColors[2],
+      dark: successColors[3],
+      darker: successColors[4],
+      contrastText
+    },
+    grey: greyColors
+  };
+}
+
+export { Theme6 };