@applica-software-guru/react-admin 1.0.32 → 1.0.34

package/src/themes/theme/default.jsx

@@ -0,0 +1,98 @@
+import PropTypes from 'prop-types'
+
+// ==============================|| PRESET THEME - DEFAULT ||============================== //
+
+const Default = (colors) => {
+  const { blue, red, gold, cyan, green, 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'
+
+  return {
+    primary: {
+      lighter: blue[0],
+      100: blue[1],
+      200: blue[2],
+      light: blue[3],
+      400: blue[4],
+      main: blue[5],
+      dark: blue[6],
+      700: blue[7],
+      darker: blue[8],
+      900: blue[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: red[0],
+      light: red[2],
+      main: red[4],
+      dark: red[7],
+      darker: red[9],
+      contrastText,
+    },
+    warning: {
+      lighter: gold[0],
+      light: gold[3],
+      main: gold[5],
+      dark: gold[7],
+      darker: gold[9],
+      contrastText: greyColors[100],
+    },
+    info: {
+      lighter: cyan[0],
+      light: cyan[3],
+      main: cyan[5],
+      dark: cyan[7],
+      darker: cyan[9],
+      contrastText,
+    },
+    success: {
+      lighter: green[0],
+      light: green[3],
+      main: green[5],
+      dark: green[7],
+      darker: green[9],
+      contrastText,
+    },
+    grey: greyColors,
+  }
+}
+
+Default.propTypes = {
+  colors: PropTypes.object,
+}
+
+export default Default

package/src/themes/theme/index.jsx

@@ -0,0 +1,44 @@
+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'
+
+// ==============================|| PRESET THEME - THEME SELECTOR ||============================== //
+
+const Theme = (colors, presetColor, mode) => {
+  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)
+  }
+}
+
+Theme.propTypes = {
+  colors: PropTypes.object,
+  presetColor: PropTypes.any,
+}
+
+export default Theme

package/src/themes/theme/theme1.jsx

@@ -0,0 +1,128 @@
+// ==============================|| PRESET THEME - Eva Design ||============================== //
+
+const Theme1 = (colors, mode) => {
+  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 = [
+    '#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']
+  }
+
+  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 default Theme1

package/src/themes/theme/theme2.jsx

@@ -0,0 +1,128 @@
+// ==============================|| PRESET THEME - DEFAULT ||============================== //
+
+const Theme2 = (colors, mode) => {
+  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 = [
+    '#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']
+  }
+
+  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 default Theme2

package/src/themes/theme/theme3.jsx

@@ -0,0 +1,128 @@
+// ==============================|| PRESET THEME - Dark Green ||============================== //
+
+const Theme4 = (colors, mode) => {
+  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 = [
+    '#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']
+  }
+
+  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 default Theme4

package/src/themes/theme/theme4.jsx

@@ -0,0 +1,128 @@
+// ==============================|| PRESET THEME - Theme4 Blue ||============================== //
+
+const Theme4 = (colors, mode) => {
+  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 = [
+    '#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']
+  }
+
+  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 default Theme4