initial commit

src/configs/i18n.ts

@@ -0,0 +1,11 @@
+export const i18n = {
+  defaultLocale: 'en',
+  locales: ['en', 'fr', 'ar'],
+  langDirection: {
+    en: 'ltr',
+    fr: 'ltr',
+    ar: 'rtl'
+  }
+} as const
+
+export type Locale = (typeof i18n)['locales'][number]

src/configs/primaryColorConfig.ts

@@ -0,0 +1,42 @@
+export type PrimaryColorConfig = {
+  name?: string
+  light?: string
+  main: string
+  dark?: string
+}
+
+// Primary color config object
+const primaryColorConfig: PrimaryColorConfig[] = [
+  {
+    name: 'primary-1',
+    light: '#8F85F3',
+    main: '#7367F0',
+    dark: '#675DD8'
+  },
+  {
+    name: 'primary-2',
+    light: '#4EB0B1',
+    main: '#0D9394',
+    dark: '#096B6C'
+  },
+  {
+    name: 'primary-3',
+    light: '#FFC25A',
+    main: '#FFAB1D',
+    dark: '#BA7D15'
+  },
+  {
+    name: 'primary-4',
+    light: '#F0718D',
+    main: '#EB3D63',
+    dark: '#AC2D48'
+  },
+  {
+    name: 'primary-5',
+    light: '#5CAFF1',
+    main: '#2092EC',
+    dark: '#176BAC'
+  }
+]
+
+export default primaryColorConfig

src/configs/themeConfig.ts

@@ -0,0 +1,83 @@
+/*
+ * If you change the following items in the config object, you will not see any effect in the local development server
+ * as these are stored in the cookie (cookie has the highest priority over the themeConfig):
+ * 1. mode
+ * 2. skin
+ * 3. semiDark
+ * 4. layout
+ * 5. navbar.contentWidth
+ * 6. contentWidth
+ * 7. footer.contentWidth
+ *
+ * To see the effect of the above items, you can click on the reset button from the Customizer
+ * which is on the top-right corner of the customizer besides the close button.
+ * This will reset the cookie to the values provided in the config object below.
+ *
+ * Another way is to clear the cookie from the browser's Application/Storage tab and then reload the page.
+ */
+
+// Third-party Imports
+import type { ToastPosition } from 'react-toastify'
+
+// Type Imports
+import type { Mode, Skin, Layout, LayoutComponentPosition, LayoutComponentWidth } from '@core/types'
+
+type Navbar = {
+  type: LayoutComponentPosition
+  contentWidth: LayoutComponentWidth
+  floating: boolean
+  detached: boolean
+  blur: boolean
+}
+
+type Footer = {
+  type: LayoutComponentPosition
+  contentWidth: LayoutComponentWidth
+  detached: boolean
+}
+
+export type Config = {
+  templateName: string
+  homePageUrl: string
+  settingsCookieName: string
+  mode: Mode
+  skin: Skin
+  semiDark: boolean
+  layout: Layout
+  layoutPadding: number
+  navbar: Navbar
+  contentWidth: LayoutComponentWidth
+  compactContentWidth: number
+  footer: Footer
+  disableRipple: boolean
+  toastPosition: ToastPosition
+}
+
+const themeConfig: Config = {
+  templateName: 'Vuexy',
+  homePageUrl: '/dashboards/crm',
+  settingsCookieName: 'vuexy-mui-next-demo-1',
+  mode: 'system', // 'system', 'light', 'dark'
+  skin: 'default', // 'default', 'bordered'
+  semiDark: false, // true, false
+  layout: 'vertical', // 'vertical', 'collapsed', 'horizontal'
+  layoutPadding: 24, // Common padding for header, content, footer layout components (in px)
+  compactContentWidth: 1440, // in px
+  navbar: {
+    type: 'fixed', // 'fixed', 'static'
+    contentWidth: 'compact', // 'compact', 'wide'
+    floating: true, //! true, false (This will not work in the Horizontal Layout)
+    detached: true, //! true, false (This will not work in the Horizontal Layout or floating navbar is enabled)
+    blur: true // true, false
+  },
+  contentWidth: 'compact', // 'compact', 'wide'
+  footer: {
+    type: 'static', // 'fixed', 'static'
+    contentWidth: 'compact', // 'compact', 'wide'
+    detached: true //! true, false (This will not work in the Horizontal Layout)
+  },
+  disableRipple: false, // true, false
+  toastPosition: 'top-right' // 'top-right', 'top-center', 'top-left', 'bottom-right', 'bottom-center', 'bottom-left'
+}
+
+export default themeConfig