feat: Refactor styling and theme integration across components; update button gradients and remove unused component

2025-05-08 00:05:09 +02:00
parent 24fa4ada61
commit d45039e2f5
7 changed files with 86 additions and 28 deletions
@@ -1,5 +1,58 @@
 import { createTheme } from '@mantine/core';

 export const theme = createTheme({
-  /** Put your mantine theme override here */
-});
+  colors: {
+    // Definición de la paleta principal
+    brand: [
+      "#ffeaff",
+      "#fdd3fc",
+      "#f6a5f3",
+      "#ef74eb",
+      "#e841e2",
+      "#e631e0",
+      "#e521de",
+      "#cc12c5",
+      "#b608b1",
+      "#9f009b"
+    ],
+    // Puedes añadir hasta 3 colores adicionales si lo deseas
+    secondary: [
+      "#f7ecff",
+      "#e7d6fb",
+      "#caaaf1",
+      "#ac7ce8",
+      "#9354e0",
+      "#833bdb",
+      "#7b2eda",
+      "#6921c2",
+      "#5d1cae",
+      "#501599"
+    ],
+    accent: [
+      '#fff3e0',
+      '#ffe0b2',
+      '#ffcc80',
+      '#ffb74d',
+      '#ffa726',
+      '#ff9800',
+      '#fb8c00',
+      '#f57c00',
+      '#ef6c00',
+      '#e65100',
+    ],
+    neutral: [
+      '#fafafa',
+      '#f5f5f5',
+      '#eeeeee',
+      '#e0e0e0',
+      '#bdbdbd',
+      '#9e9e9e',
+      '#757575',
+      '#616161',
+      '#424242',
+      '#212121',
+    ],
+  },
+  primaryColor: 'brand', // Establece 'brand' como el color primario
+  primaryShade: { light: 6, dark: 8 }, // Define los tonos primarios para los esquemas de color claro y oscuro
+});