chore(theme): define palette and typographies and override mui styles with this values, also add rtlProvider

src/theme/colors.ts

@@ -0,0 +1,134 @@
+import type { Palette } from './color.type';
+
+export const PALETTE: Palette = {
+  primary: {
+    light: {
+      main: '#212121',
+      dark: '#000000',
+      light: '#616161',
+      contrastText: '#FFFFFF',
+    },
+    // TODO
+    dark: {
+      main: '#64b5f6',
+      light: '#90caf9',
+      dark: '#42a5f5',
+      contrastText: 'rgba(0, 0, 0, 0.87)',
+    },
+  },
+  secondary: {
+    light: {
+      main: '#FF5722',
+      dark: '#E64A19',
+      light: '#FF8A65',
+      contrastText: '#FFFFFF',
+    },
+    // TODO
+    dark: {
+      main: '#ce93d8',
+      light: '#f3e5f5',
+      dark: '#ab47bc',
+      contrastText: 'rgba(0, 0, 0, 0.87)',
+    },
+  },
+  action: {
+    light: {
+      hover: '#00000004',
+      selected: '#00000008',
+      focus: '#00000012',
+      disabled: '#00000038',
+      disabledBackground: '#00000012',
+    },
+    // TODO
+    dark: {
+      hover: '#FFFFFF04',
+      selected: '#FFFFFF08',
+      focus: '#FFFFFF12',
+      disabled: '#FFFFFF38',
+      disabledBackground: '#FFFFFF12',
+    },
+  },
+  error: {
+    light: {
+      main: '#E53935',
+      dark: '#C62828',
+      light: '#EF5350',
+      contrastText: '#FFFFFF',
+    },
+    // TODO
+    dark: {
+      main: '#E53935',
+      dark: '#C62828',
+      light: '#EF5350',
+      contrastText: '#FFFFFF',
+    },
+  },
+  warning: {
+    light: {
+      main: '#EF6C00',
+      dark: '#E65100',
+      light: '#FF9800',
+      contrastText: '#FFFFFF',
+    },
+    // TODO
+    dark: {
+      main: '#EF6C00',
+      dark: '#E65100',
+      light: '#FF9800',
+      contrastText: '#FFFFFF',
+    },
+  },
+  info: {
+    light: {
+      main: '#29B6F6',
+      dark: '#0288D1',
+      light: '#4FC3F7',
+      contrastText: '#FFFFFF',
+    },
+    // TODO
+    dark: {
+      main: '#29B6F6',
+      dark: '#0288D1',
+      light: '#4FC3F7',
+      contrastText: '#FFFFFF',
+    },
+  },
+  success: {
+    light: {
+      main: '#43A047',
+      dark: '#1B5E20',
+      light: '#81C784',
+      contrastText: '#FFFFFF',
+    },
+    // TODO
+    dark: {
+      main: '#43A047',
+      dark: '#1B5E20',
+      light: '#81C784',
+      contrastText: '#FFFFFF',
+    },
+  },
+  // Background colors
+  background: {
+    light: {
+      default: '#FAFAFA',
+    },
+    dark: {
+      default: '#121212',
+    },
+  },
+  // Text colors
+  text: {
+    light: {
+      primary: '#000000',
+      secondary: '#424242',
+      disabled: '#00000038',
+    },
+    // TODO
+    dark: {
+      primary: '#FFFFFF',
+      secondary: '#424242',
+      disabled: '#FFFFFF38',
+    },
+  },
+};