u

src/theme/themes/default.js

@@ -0,0 +1,42 @@
+import { createTheme } from '@mui/material/styles';
+import { MAIN_BACKGROUND } from '../../colors';
+import { PANEL_TILE_KEYS } from '../panelTiles';
+
+const nav = {
+  background: '#1a3533',
+  mainBackground: MAIN_BACKGROUND,
+  item: '#9cb8b4',
+  itemHover: '#243f3d',
+  itemHoverText: '#d4ebe8',
+  itemActive: '#2a5a56',
+  itemActiveText: '#6ee7d8',
+  itemActiveAccent: '#2dd4bf',
+};
+
+const panelTiles = {
+  [PANEL_TILE_KEYS.name]: '#ffffff',
+  [PANEL_TILE_KEYS.photo]: '#fde68a',
+  [PANEL_TILE_KEYS.stock]: '#bbf7d0',
+  [PANEL_TILE_KEYS.brand]: '#e9d5ff',
+  [PANEL_TILE_KEYS.identifiers]: '#e2e8f0',
+  [PANEL_TILE_KEYS.price]: '#bfdbfe',
+  [PANEL_TILE_KEYS.content]: '#99f6e4',
+  [PANEL_TILE_KEYS.lists]: '#fbcfe8',
+};
+
+export const defaultThemeId = 'default';
+
+export function createDefaultTheme() {
+  return createTheme({
+    palette: {
+      mode: 'light',
+      primary: { main: '#0d9488' },
+      background: {
+        default: nav.mainBackground,
+        paper: '#ffffff',
+      },
+    },
+    nav,
+    panelTiles,
+  });
+}