@applica-software-guru/react-admin 1.0.41 → 1.0.43

package/src/themes/shadows.jsx

@@ -1,4 +1,4 @@
-import { alpha } from '@mui/material/styles'
+import { alpha } from '@mui/material/styles';
 
 const CustomShadows = (theme) => ({
   // z1: `0px 2px 8px rgba(0, 0, 0, 0.15)`,
@@ -21,7 +21,7 @@ const CustomShadows = (theme) => ({
   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)}`,
-})
+  greyButton: `0 14px 12px ${alpha(theme.palette.grey[500], 0.2)}`
+});
 
-export default CustomShadows
+export default CustomShadows;

package/src/themes/theme/default.jsx

@@ -1,9 +1,9 @@
-import PropTypes from 'prop-types'
+import PropTypes from 'prop-types';
 
 // ==============================|| PRESET THEME - DEFAULT ||============================== //
 
 const Default = (colors) => {
-  const { blue, red, gold, cyan, green, grey } = colors
+  const { blue, red, gold, cyan, green, grey } = colors;
   const greyColors = {
     0: grey[0],
     50: grey[1],
@@ -21,9 +21,9 @@ const Default = (colors) => {
     A200: grey[12],
     A400: grey[13],
     A700: grey[14],
-    A800: grey[16],
-  }
-  const contrastText = '#fff'
+    A800: grey[16]
+  };
+  const contrastText = '#fff';
 
   return {
     primary: {
@@ -37,7 +37,7 @@ const Default = (colors) => {
       700: blue[7],
       darker: blue[8],
       900: blue[9],
-      contrastText,
+      contrastText
     },
     secondary: {
       lighter: greyColors[100],
@@ -53,7 +53,7 @@ const Default = (colors) => {
       A100: greyColors[0],
       A200: greyColors.A400,
       A300: greyColors.A700,
-      contrastText: greyColors[0],
+      contrastText: greyColors[0]
     },
     error: {
       lighter: red[0],
@@ -61,7 +61,7 @@ const Default = (colors) => {
       main: red[4],
       dark: red[7],
       darker: red[9],
-      contrastText,
+      contrastText
     },
     warning: {
       lighter: gold[0],
@@ -69,7 +69,7 @@ const Default = (colors) => {
       main: gold[5],
       dark: gold[7],
       darker: gold[9],
-      contrastText: greyColors[100],
+      contrastText: greyColors[100]
     },
     info: {
       lighter: cyan[0],
@@ -77,7 +77,7 @@ const Default = (colors) => {
       main: cyan[5],
       dark: cyan[7],
       darker: cyan[9],
-      contrastText,
+      contrastText
     },
     success: {
       lighter: green[0],
@@ -85,14 +85,14 @@ const Default = (colors) => {
       main: green[5],
       dark: green[7],
       darker: green[9],
-      contrastText,
+      contrastText
     },
-    grey: greyColors,
-  }
-}
+    grey: greyColors
+  };
+};
 
 Default.propTypes = {
-  colors: PropTypes.object,
-}
+  colors: PropTypes.object
+};
 
-export default Default
+export default Default;

package/src/themes/theme/index.jsx

@@ -1,44 +1,44 @@
-import PropTypes from 'prop-types'
+import PropTypes from 'prop-types';
 
 // project import
-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'
+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';
 
 // ==============================|| PRESET THEME - THEME SELECTOR ||============================== //
 
 const Theme = (colors, presetColor, mode) => {
   switch (presetColor) {
     case 'theme1':
-      return Theme1(colors, mode)
+      return Theme1(colors, mode);
     case 'theme2':
-      return Theme2(colors, mode)
+      return Theme2(colors, mode);
     case 'theme3':
-      return Theme3(colors, mode)
+      return Theme3(colors, mode);
     case 'theme4':
-      return Theme4(colors, mode)
+      return Theme4(colors, mode);
     case 'theme5':
-      return Theme5(colors, mode)
+      return Theme5(colors, mode);
     case 'theme6':
-      return Theme6(colors, mode)
+      return Theme6(colors, mode);
     case 'theme7':
-      return Theme7(colors, mode)
+      return Theme7(colors, mode);
     case 'theme8':
-      return Theme8(colors, mode)
+      return Theme8(colors, mode);
     default:
-      return Default(colors)
+      return Default(colors);
   }
-}
+};
 
 Theme.propTypes = {
   colors: PropTypes.object,
-  presetColor: PropTypes.any,
-}
+  presetColor: PropTypes.any
+};
 
-export default Theme
+export default Theme;

package/src/themes/theme/theme1.jsx

@@ -1,7 +1,7 @@
 // ==============================|| PRESET THEME - Eva Design ||============================== //
 
 const Theme1 = (colors, mode) => {
-  const { grey } = colors
+  const { grey } = colors;
   const greyColors = {
     0: grey[0],
     50: grey[1],
@@ -19,44 +19,22 @@ const Theme1 = (colors, mode) => {
     A200: grey[12],
     A400: grey[13],
     A700: grey[14],
-    A800: grey[16],
-  }
-  const contrastText = '#fff'
+    A800: grey[16]
+  };
+  const contrastText = '#fff';
 
-  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']
+  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',
-    ]
-    errorColors = ['#341d1b', '#b03725', '#dd3f27', '#e9664d', '#fbd6c9']
-    warningColors = ['#342a1a', '#83631a', '#dda116', '#e9ba3a', '#fbefb5']
-    infoColors = ['#202734', '#416fb0', '#4c88dd', '#74a8e9', '#ecf4fb']
-    successColors = ['#1f2e1c', '#449626', '#4fba28', '#74cf4d', '#e3fbd2']
+    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'];
+    successColors = ['#1f2e1c', '#449626', '#4fba28', '#74cf4d', '#e3fbd2'];
   }
 
   return {
@@ -71,7 +49,7 @@ const Theme1 = (colors, mode) => {
       700: primaryColors[7],
       darker: primaryColors[8],
       900: primaryColors[9],
-      contrastText,
+      contrastText
     },
     secondary: {
       lighter: greyColors[100],
@@ -87,7 +65,7 @@ const Theme1 = (colors, mode) => {
       A100: greyColors[0],
       A200: greyColors.A400,
       A300: greyColors.A700,
-      contrastText: greyColors[0],
+      contrastText: greyColors[0]
     },
     error: {
       lighter: errorColors[0],
@@ -95,7 +73,7 @@ const Theme1 = (colors, mode) => {
       main: errorColors[2],
       dark: errorColors[3],
       darker: errorColors[4],
-      contrastText,
+      contrastText
     },
     warning: {
       lighter: warningColors[0],
@@ -103,7 +81,7 @@ const Theme1 = (colors, mode) => {
       main: warningColors[2],
       dark: warningColors[3],
       darker: warningColors[4],
-      contrastText: greyColors[100],
+      contrastText: greyColors[100]
     },
     info: {
       lighter: infoColors[0],
@@ -111,7 +89,7 @@ const Theme1 = (colors, mode) => {
       main: infoColors[2],
       dark: infoColors[3],
       darker: infoColors[4],
-      contrastText,
+      contrastText
     },
     success: {
       lighter: successColors[0],
@@ -119,10 +97,10 @@ const Theme1 = (colors, mode) => {
       main: successColors[2],
       dark: successColors[3],
       darker: successColors[4],
-      contrastText,
+      contrastText
     },
-    grey: greyColors,
-  }
-}
+    grey: greyColors
+  };
+};
 
-export default Theme1
+export default Theme1;

package/src/themes/theme/theme2.jsx

@@ -1,7 +1,7 @@
 // ==============================|| PRESET THEME - DEFAULT ||============================== //
 
 const Theme2 = (colors, mode) => {
-  const { grey } = colors
+  const { grey } = colors;
   const greyColors = {
     0: grey[0],
     50: grey[1],
@@ -19,44 +19,22 @@ const Theme2 = (colors, mode) => {
     A200: grey[12],
     A400: grey[13],
     A700: grey[14],
-    A800: grey[16],
-  }
-  const contrastText = '#fff'
+    A800: grey[16]
+  };
+  const contrastText = '#fff';
 
-  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']
+  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 = [
-      '#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']
-    successColors = ['#1a2721', '#115c36', '#05934c', '#1da65d', '#61ca8b']
+    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'];
+    successColors = ['#1a2721', '#115c36', '#05934c', '#1da65d', '#61ca8b'];
   }
 
   return {
@@ -71,7 +49,7 @@ const Theme2 = (colors, mode) => {
       700: primaryColors[7],
       darker: primaryColors[8],
       900: primaryColors[9],
-      contrastText,
+      contrastText
     },
     secondary: {
       lighter: greyColors[100],
@@ -87,7 +65,7 @@ const Theme2 = (colors, mode) => {
       A100: greyColors[0],
       A200: greyColors.A400,
       A300: greyColors.A700,
-      contrastText: greyColors[0],
+      contrastText: greyColors[0]
     },
     error: {
       lighter: errorColors[0],
@@ -95,7 +73,7 @@ const Theme2 = (colors, mode) => {
       main: errorColors[2],
       dark: errorColors[3],
       darker: errorColors[4],
-      contrastText,
+      contrastText
     },
     warning: {
       lighter: warningColors[0],
@@ -103,7 +81,7 @@ const Theme2 = (colors, mode) => {
       main: warningColors[2],
       dark: warningColors[3],
       darker: warningColors[4],
-      contrastText: greyColors[100],
+      contrastText: greyColors[100]
     },
     info: {
       lighter: infoColors[0],
@@ -111,7 +89,7 @@ const Theme2 = (colors, mode) => {
       main: infoColors[2],
       dark: infoColors[3],
       darker: infoColors[4],
-      contrastText,
+      contrastText
     },
     success: {
       lighter: successColors[0],
@@ -119,10 +97,10 @@ const Theme2 = (colors, mode) => {
       main: successColors[2],
       dark: successColors[3],
       darker: successColors[4],
-      contrastText,
+      contrastText
     },
-    grey: greyColors,
-  }
-}
+    grey: greyColors
+  };
+};
 
-export default Theme2
+export default Theme2;

package/src/themes/theme/theme3.jsx

@@ -1,7 +1,7 @@
 // ==============================|| PRESET THEME - Dark Green ||============================== //
 
 const Theme4 = (colors, mode) => {
-  const { grey } = colors
+  const { grey } = colors;
   const greyColors = {
     0: grey[0],
     50: grey[1],
@@ -19,44 +19,22 @@ const Theme4 = (colors, mode) => {
     A200: grey[12],
     A400: grey[13],
     A700: grey[14],
-    A800: grey[16],
-  }
-  const contrastText = '#fff'
+    A800: grey[16]
+  };
+  const contrastText = '#fff';
 
-  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']
+  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 = [
-      '#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']
-    successColors = ['#1a2721', '#115c36', '#05934c', '#1da65d', '#61ca8b']
+    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'];
+    successColors = ['#1a2721', '#115c36', '#05934c', '#1da65d', '#61ca8b'];
   }
 
   return {
@@ -71,7 +49,7 @@ const Theme4 = (colors, mode) => {
       700: primaryColors[7],
       darker: primaryColors[8],
       900: primaryColors[9],
-      contrastText,
+      contrastText
     },
     secondary: {
       lighter: greyColors[100],
@@ -87,7 +65,7 @@ const Theme4 = (colors, mode) => {
       A100: greyColors[0],
       A200: greyColors.A400,
       A300: greyColors.A700,
-      contrastText: greyColors[0],
+      contrastText: greyColors[0]
     },
     error: {
       lighter: errorColors[0],
@@ -95,7 +73,7 @@ const Theme4 = (colors, mode) => {
       main: errorColors[2],
       dark: errorColors[3],
       darker: errorColors[4],
-      contrastText,
+      contrastText
     },
     warning: {
       lighter: warningColors[0],
@@ -103,7 +81,7 @@ const Theme4 = (colors, mode) => {
       main: warningColors[2],
       dark: warningColors[3],
       darker: warningColors[4],
-      contrastText: greyColors[100],
+      contrastText: greyColors[100]
     },
     info: {
       lighter: infoColors[0],
@@ -111,7 +89,7 @@ const Theme4 = (colors, mode) => {
       main: infoColors[2],
       dark: infoColors[3],
       darker: infoColors[4],
-      contrastText,
+      contrastText
     },
     success: {
       lighter: successColors[0],
@@ -119,10 +97,10 @@ const Theme4 = (colors, mode) => {
       main: successColors[2],
       dark: successColors[3],
       darker: successColors[4],
-      contrastText,
+      contrastText
     },
-    grey: greyColors,
-  }
-}
+    grey: greyColors
+  };
+};
 
-export default Theme4
+export default Theme4;

package/src/themes/theme/theme4.jsx

@@ -1,7 +1,7 @@
 // ==============================|| PRESET THEME - Theme4 Blue ||============================== //
 
 const Theme4 = (colors, mode) => {
-  const { grey } = colors
+  const { grey } = colors;
   const greyColors = {
     0: grey[0],
     50: grey[1],
@@ -19,44 +19,22 @@ const Theme4 = (colors, mode) => {
     A200: grey[12],
     A400: grey[13],
     A700: grey[14],
-    A800: grey[16],
-  }
-  const contrastText = '#fff'
+    A800: grey[16]
+  };
+  const contrastText = '#fff';
 
-  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']
+  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 = [
-      '#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']
-    successColors = ['#1a2721', '#115c36', '#05934c', '#1da65d', '#61ca8b']
+    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'];
+    successColors = ['#1a2721', '#115c36', '#05934c', '#1da65d', '#61ca8b'];
   }
 
   return {
@@ -71,7 +49,7 @@ const Theme4 = (colors, mode) => {
       700: primaryColors[7],
       darker: primaryColors[8],
       900: primaryColors[9],
-      contrastText,
+      contrastText
     },
     secondary: {
       lighter: greyColors[100],
@@ -87,7 +65,7 @@ const Theme4 = (colors, mode) => {
       A100: greyColors[0],
       A200: greyColors.A400,
       A300: greyColors.A700,
-      contrastText: greyColors[0],
+      contrastText: greyColors[0]
     },
     error: {
       lighter: errorColors[0],
@@ -95,7 +73,7 @@ const Theme4 = (colors, mode) => {
       main: errorColors[2],
       dark: errorColors[3],
       darker: errorColors[4],
-      contrastText,
+      contrastText
     },
     warning: {
       lighter: warningColors[0],
@@ -103,7 +81,7 @@ const Theme4 = (colors, mode) => {
       main: warningColors[2],
       dark: warningColors[3],
       darker: warningColors[4],
-      contrastText: greyColors[100],
+      contrastText: greyColors[100]
     },
     info: {
       lighter: infoColors[0],
@@ -111,7 +89,7 @@ const Theme4 = (colors, mode) => {
       main: infoColors[2],
       dark: infoColors[3],
       darker: infoColors[4],
-      contrastText,
+      contrastText
     },
     success: {
       lighter: successColors[0],
@@ -119,10 +97,10 @@ const Theme4 = (colors, mode) => {
       main: successColors[2],
       dark: successColors[3],
       darker: successColors[4],
-      contrastText,
+      contrastText
     },
-    grey: greyColors,
-  }
-}
+    grey: greyColors
+  };
+};
 
-export default Theme4
+export default Theme4;