chart colors

Author: sdairs

apps/web/src/app/globals.css

@@ -27,11 +27,21 @@ body {
     --border: 240 5.9% 90%;
     --input: 240 5.9% 90%;
     --ring: 240 10% 3.9%;
-    --chart-1: 12 76% 61%;
-    --chart-2: 173 58% 39%;
-    --chart-3: 197 37% 24%;
-    --chart-4: 43 74% 66%;
-    --chart-5: 27 87% 67%;
+    --chart-1: 265, 65%, 46%;
+    --chart-2: 204, 86%, 49%;
+    --chart-3: 180, 100%, 18%;
+    --chart-4: 334, 74%, 36%;
+    --chart-5: 357, 95%, 64%;
+    --chart-6: 357, 91%, 18%;
+    --chart-7: 138, 67%, 30%;
+    --chart-8: 223, 100%, 31%;
+    --chart-9: 338, 82%, 63%;
+    --chart-10: 45, 100%, 35%;
+    --chart-11: 179, 100%, 31%;
+    --chart-12: 208, 97%, 15%;
+    --chart-13: 24, 100%, 27%;
+    --chart-14: 263, 100%, 72%;
+
     --radius: 0.5rem;
   }
   .dark {
@@ -59,6 +69,10 @@ body {
     --chart-3: 30 80% 55%;
     --chart-4: 280 65% 60%;
     --chart-5: 340 75% 55%;
+    /* 
+    chart color pallete from https://carbondesignsystem.com/data-visualization/color-palettes/ 
+    also contains dark colors when needed
+    */
   }
 }