Added additional chart colors

Vizzuality · Dec 4, 2024 · afb6bbf · afb6bbf
1 parent 607fee7
commit afb6bbf
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 0 deletions.
diff --git a/client/src/app/globals.css b/client/src/app/globals.css
@@ -42,6 +42,13 @@
       --chart-3: 198 93% 60%;
       --chart-4: 48 96% 53%;
       --chart-5: 27 87% 67%;
+      --chart-6: 0 0% 64%;
+      --chart-7: 168 84% 78%;
+      --chart-8: 175 84% 32%;
+      --chart-9: 32 98% 83%;
+      --chart-10: 27 96% 61%;
+      --chart-11: 251 95% 92%;
+      --chart-12: 272 72% 47%;
 
        --map-1: 328 64% 89%;
        --map-2: 329 54% 80%;

diff --git a/client/src/lib/constants.ts b/client/src/lib/constants.ts
@@ -3,11 +3,27 @@ export const TW_CHART_COLORS = [
   "bg-chart-2",
   "bg-chart-3",
   "bg-chart-4",
+  "bg-chart-5",
+  "bg-chart-6",
+  "bg-chart-7",
+  "bg-chart-8",
+  "bg-chart-9",
+  "bg-chart-10",
+  "bg-chart-11",
+  "bg-chart-12",
 ] as const;
 
 export const CSS_CHART_COLORS = [
   "hsl(var(--chart-1))",
   "hsl(var(--chart-2))",
   "hsl(var(--chart-3))",
   "hsl(var(--chart-4))",
+  "hsl(var(--chart-5))",
+  "hsl(var(--chart-6))",
+  "hsl(var(--chart-7))",
+  "hsl(var(--chart-8))",
+  "hsl(var(--chart-9))",
+  "hsl(var(--chart-10))",
+  "hsl(var(--chart-11))",
+  "hsl(var(--chart-12))",
 ];
diff --git a/client/tailwind.config.ts b/client/tailwind.config.ts
@@ -61,6 +61,14 @@ const config = {
           2: "hsl(var(--chart-2))",
           3: "hsl(var(--chart-3))",
           4: "hsl(var(--chart-4))",
+          5: "hsl(var(--chart-5))",
+          6: "hsl(var(--chart-6))",
+          7: "hsl(var(--chart-7))",
+          8: "hsl(var(--chart-8))",
+          9: "hsl(var(--chart-9))",
+          10: "hsl(var(--chart-10))",
+          11: "hsl(var(--chart-11))",
+          12: "hsl(var(--chart-12))",
         },
         map: {
           1: "hsl(var(--map-1))",