diff --git a/libs/config/src/colors.js b/libs/config/src/colors.js
index ae2aabc807f5e8a1ee12db9cb3b99121ca65bd75..6efc5979fa52a3ba7d33c392b3f62032f07a753b 100644
--- a/libs/config/src/colors.js
+++ b/libs/config/src/colors.js
@@ -161,55 +161,57 @@ export const dataColors = {
blue: {
5: 'hsl(220 80% 98%)',
10: 'hsl(220 71% 96%)',
- 20: 'hsl(220 95% 92%)',
- 30: 'hsl(220 92% 85%)',
- 40: 'hsl(220 94% 75%)',
- 50: 'hsl(220 92% 67%)',
- 60: 'hsl(220 84% 58%)',
- 70: 'hsl(220 79% 49%)',
- 80: 'hsl(220 86% 36%)',
- 90: 'hsl(220 80% 23%)',
- 95: 'hsl(220 84% 17%)',
+ 20: 'hsl(220 94% 92%)',
+ 30: 'hsl(220 90% 85%)',
+ 40: 'hsl(220 88% 76%)',
+ 50: 'hsl(220 84% 67%)',
+ 60: 'hsl(220 79% 59%)',
+ 70: 'hsl(220 71% 50%)',
+ 80: 'hsl(220 80% 39%)',
+ 90: 'hsl(220 78% 27%)',
+ 95: 'hsl(220 86% 19%)',
100: 'hsl(220 61% 13%)',
},
cyan: {
- 5: 'hsl(207 40% 98%)',
- 10: 'hsl(207 69% 95%)',
- 20: 'hsl(207 80% 90%)',
- 30: 'hsl(207 75% 81%)',
- 40: 'hsl(207 67% 69%)',
- 50: 'hsl(207 75% 60%)',
- 60: 'hsl(207 80% 49%)',
- 70: 'hsl(207 94% 39%)',
- 80: 'hsl(207 97% 29%)',
- 90: 'hsl(207 94% 20%)',
- 95: 'hsl(207 89% 14%)',
- 100: 'hsl(207 80% 10%)',
+ 5: 'hsl(204 40% 98%)',
+ 10: 'hsl(204 69% 95%)',
+ 20: 'hsl(204 80% 90%)',
+ 30: 'hsl(204 75% 81%)',
+ 40: 'hsl(204 67% 69%)',
+ 50: 'hsl(204 74% 58%)',
+ 60: 'hsl(204 80% 49%)',
+ 70: 'hsl(204 94% 39%)',
+ 80: 'hsl(204 97% 29%)',
+ 90: 'hsl(204 94% 20%)',
+ 95: 'hsl(204 89% 14%)',
+ 100: 'hsl(204 80% 10%)',
},
gray: {
- 5: 'hsl(210 20% 98%)',
- 10: 'hsl(220 14% 96%)',
- 20: 'hsl(223 14% 90%)',
- 30: 'hsl(214 14% 80%)',
- 40: 'hsl(219 10% 68%)',
- 50: 'hsl(219 11% 57%)',
- 60: 'hsl(217 10% 45%)',
- 70: 'hsl(218 15% 35%)',
- 80: 'hsl(216 21% 27%)',
- 90: 'hsl(215 30% 17%)',
- 95: 'hsl(221 33% 13%)',
- 100: 'hsl(223 30% 9%)',
+ 5: 'hsl(210 23% 98%)',
+ 10: 'hsl(220 20% 96%)',
+ 15: 'hsl(222 19% 93%)',
+ 20: 'hsl(223 17% 90%)',
+ 30: 'hsl(214 16% 80%)',
+ 40: 'hsl(219 14% 68%)',
+ 50: 'hsl(219 13% 57%)',
+ 60: 'hsl(217 12% 46%)',
+ 70: 'hsl(218 15% 36%)',
+ 80: 'hsl(216 22% 28%)',
+ 85: 'hsl(215 25% 22%)',
+ 90: 'hsl(215 30% 18%)',
+ 95: 'hsl(221 33% 15%)',
+ 100: 'hsl(223 30% 10%)',
},
green: {
5: 'hsl(122 80% 98%)',
- 10: 'hsl(122 80% 94%)',
- 20: 'hsl(122 73% 87%)',
- 30: 'hsl(122 59% 76%)',
- 40: 'hsl(122 54% 63%)',
- 50: 'hsl(122 50% 51%)',
- 60: 'hsl(122 57% 40%)',
- 70: 'hsl(122 58% 31%)',
- 80: 'hsl(122 66% 22%)',
+ 10: 'hsl(122 78% 94%)',
+ 20: 'hsl(122 70% 87%)',
+ 30: 'hsl(122 56% 77%)',
+ 40: 'hsl(122 49% 64%)',
+ 50: 'hsl(122 45% 51%)',
+ 60: 'hsl(122 47% 41%)',
+ 70: 'hsl(122 54% 32%)',
+ 80: 'hsl(122 62% 24%)',
90: 'hsl(122 82% 15%)',
95: 'hsl(122 54% 12%)',
100: 'hsl(122 56% 8%)',
@@ -234,13 +236,13 @@ export const dataColors = {
20: 'hsl(0 0% 89%)',
30: 'hsl(0 0% 79%)',
40: 'hsl(0 0% 66%)',
- 50: 'hsl(0 0% 55%)',
- 60: 'hsl(0 0% 44%)',
- 70: 'hsl(0 0% 33%)',
- 80: 'hsl(0 0% 25%)',
- 90: 'hsl(0 0% 17%)',
+ 50: 'hsl(0 0% 56%)',
+ 60: 'hsl(0 0% 45%)',
+ 70: 'hsl(0 0% 34%)',
+ 80: 'hsl(0 0% 26%)',
+ 90: 'hsl(0 0% 16%)',
95: 'hsl(0 0% 12%)',
- 100: 'hsl(0 0% 8%)',
+ 100: 'hsl(0 0% 10%)',
},
orange: {
5: 'hsl(29 100% 98%)',
@@ -248,27 +250,27 @@ export const dataColors = {
20: 'hsl(29 100% 87%)',
30: 'hsl(29 100% 76%)',
40: 'hsl(29 96% 60%)',
- 50: 'hsl(29 100% 50%)',
- 60: 'hsl(28 100% 43%)',
- 70: 'hsl(25 100% 35%)',
- 80: 'hsl(26 96% 27%)',
+ 50: 'hsl(29 97% 50%)',
+ 60: 'hsl(28 99% 43%)',
+ 70: 'hsl(25 89% 35%)',
+ 80: 'hsl(26 96% 25%)',
90: 'hsl(25 100% 17%)',
95: 'hsl(25 100% 12%)',
100: 'hsl(25 100% 8%)',
},
purple: {
- 5: 'hsl(263 100% 99%)',
- 10: 'hsl(263 100% 97%)',
- 20: 'hsl(263 100% 93%)',
- 30: 'hsl(263 97% 87%)',
- 40: 'hsl(263 96% 78%)',
- 50: 'hsl(263 96% 71%)',
- 60: 'hsl(263 80% 61%)',
- 70: 'hsl(263 65% 52%)',
- 80: 'hsl(263 64% 38%)',
- 90: 'hsl(263 67% 25%)',
- 95: 'hsl(263 54% 16%)',
- 100: 'hsl(263 52% 12%)',
+ 5: 'hsl(260 96% 99%)',
+ 10: 'hsl(260 84% 93%)',
+ 20: 'hsl(260 84% 93%)',
+ 30: 'hsl(260 83% 86%)',
+ 40: 'hsl(260 72% 77%)',
+ 50: 'hsl(260 60% 68%)',
+ 60: 'hsl(260 46% 58%)',
+ 70: 'hsl(260 45% 49%)',
+ 80: 'hsl(260 52% 38%)',
+ 90: 'hsl(260 52% 28%)',
+ 95: 'hsl(260 50% 19%)',
+ 100: 'hsl(260 51% 12%)',
},
red: {
5: 'hsl(0 100% 99%)',
@@ -276,41 +278,41 @@ export const dataColors = {
20: 'hsl(0 100% 92%)',
30: 'hsl(0 100% 85%)',
40: 'hsl(0 98% 76%)',
- 50: 'hsl(0 95% 68%)',
- 60: 'hsl(0 89% 58%)',
- 70: 'hsl(0 76% 48%)',
- 80: 'hsl(0 82% 35%)',
- 90: 'hsl(0 85% 24%)',
- 95: 'hsl(0 77% 17%)',
+ 50: 'hsl(0 91% 68%)',
+ 60: 'hsl(0 82% 60%)',
+ 70: 'hsl(0 77% 51%)',
+ 80: 'hsl(0 74% 38%)',
+ 90: 'hsl(0 81% 27%)',
+ 95: 'hsl(0 77% 18%)',
100: 'hsl(0 74% 12%)',
},
teal: {
5: 'hsl(180 80% 98%)',
- 10: 'hsl(180 83% 93%)',
- 20: 'hsl(180 79% 85%)',
- 30: 'hsl(180 72% 71%)',
- 40: 'hsl(180 62% 57%)',
- 50: 'hsl(180 93% 40%)',
- 60: 'hsl(180 93% 33%)',
- 70: 'hsl(180 89% 26%)',
- 80: 'hsl(180 71% 20%)',
- 90: 'hsl(180 79% 13%)',
- 95: 'hsl(180 61% 10%)',
+ 10: 'hsl(180 80% 93%)',
+ 20: 'hsl(180 74% 85%)',
+ 30: 'hsl(180 65% 72%)',
+ 40: 'hsl(180 59% 57%)',
+ 50: 'hsl(180 78% 42%)',
+ 60: 'hsl(180 83% 34%)',
+ 70: 'hsl(180 80% 27%)',
+ 80: 'hsl(180 70% 21%)',
+ 90: 'hsl(180 78% 14%)',
+ 95: 'hsl(180 63% 10%)',
100: 'hsl(180 56% 7%)',
},
yellow: {
- 5: 'hsl(49 82% 98%)',
- 10: 'hsl(49 86% 91%)',
- 20: 'hsl(49 97% 76%)',
- 30: 'hsl(49 95% 56%)',
- 40: 'hsl(49 100% 44%)',
- 50: 'hsl(49 100% 38%)',
- 60: 'hsl(49 100% 31%)',
- 70: 'hsl(49 89% 26%)',
- 80: 'hsl(49 86% 19%)',
- 90: 'hsl(49 91% 13%)',
- 95: 'hsl(49 83% 9%)',
- 100: 'hsl(49 83% 7%)',
+ 5: 'hsl(44 89% 98%)',
+ 10: 'hsl(44 90% 92%)',
+ 20: 'hsl(44 91% 82%)',
+ 30: 'hsl(44 93% 64%)',
+ 40: 'hsl(44 80% 49%)',
+ 50: 'hsl(44 79% 41%)',
+ 60: 'hsl(44 83% 34%)',
+ 70: 'hsl(44 88% 26%)',
+ 80: 'hsl(44 86% 19%)',
+ 90: 'hsl(44 91% 13%)',
+ 95: 'hsl(44 83% 9%)',
+ 100: 'hsl(44 83% 7%)',
},
};
export const divergenceColors = {
@@ -497,35 +499,35 @@ export const divergenceColors = {
};
export const categoricalColors = {
lightMode: {
- 1: dataColors.orange[60],
- 2: dataColors.purple[70],
- 3: dataColors.green[70],
- 4: dataColors.blue[50],
- 5: dataColors.red[50],
- 6: dataColors.yellow[50],
- 7: dataColors.magenta[50],
- 8: dataColors.teal[60],
- 9: dataColors.orange[40],
- 10: dataColors.red[80],
- 11: dataColors.purple[40],
- 12: dataColors.blue[80],
- 13: dataColors.green[50],
- 14: dataColors.magenta[70],
+ 1: dataColors.orange[40],
+ 2: dataColors.red[80],
+ 3: dataColors.blue[40],
+ 4: dataColors.cyan[70],
+ 5: dataColors.green[40],
+ 6: dataColors.green[70],
+ 7: dataColors.purple[40],
+ 8: dataColors.purple[70],
+ 9: dataColors.yellow[30],
+ 10: dataColors.yellow[50],
+ 11: dataColors.red[40],
+ 12: dataColors.magenta[70],
+ 13: dataColors.teal[40],
+ 14: dataColors.teal[60],
},
darkMode: {
- 1: dataColors.orange[50],
- 2: dataColors.purple[50],
- 3: dataColors.green[50],
- 4: dataColors.blue[30],
- 5: dataColors.red[40],
- 6: dataColors.yellow[40],
- 7: dataColors.magenta[40],
- 8: dataColors.teal[50],
- 9: dataColors.orange[30],
- 10: dataColors.red[70],
- 11: dataColors.purple[40],
- 12: dataColors.blue[60],
- 13: dataColors.green[30],
- 14: dataColors.magenta[60],
+ 1: dataColors.orange[30],
+ 2: dataColors.red[50],
+ 3: dataColors.blue[30],
+ 4: dataColors.cyan[60],
+ 5: dataColors.green[30],
+ 6: dataColors.green[50],
+ 7: dataColors.purple[30],
+ 8: dataColors.purple[50],
+ 9: dataColors.yellow[20],
+ 10: dataColors.yellow[40],
+ 11: dataColors.red[30],
+ 12: dataColors.magenta[50],
+ 13: dataColors.teal[30],
+ 14: dataColors.teal[50],
},
};
diff --git a/libs/config/styling/primitives.css b/libs/config/styling/primitives.css
index 133553dd7a6c3edf50122ad220ccb4dac393d988..009f10f5ade9d7f7a0a2c0d011bc3e9e28c1d6c7 100644
--- a/libs/config/styling/primitives.css
+++ b/libs/config/styling/primitives.css
@@ -11,145 +11,147 @@
--clr-blue-5: 220deg 80% 98%;
--clr-blue-10: 220deg 71% 96%;
- --clr-blue-20: 220deg 95% 92%;
- --clr-blue-30: 220deg 92% 85%;
- --clr-blue-40: 220deg 94% 75%;
- --clr-blue-50: 220deg 92% 67%;
- --clr-blue-60: 220deg 84% 58%;
- --clr-blue-70: 220deg 79% 49%;
- --clr-blue-80: 220deg 86% 36%;
- --clr-blue-90: 220deg 80% 23%;
- --clr-blue-95: 220deg 84% 17%;
+ --clr-blue-20: 220deg 94% 92%;
+ --clr-blue-30: 220deg 90% 85%;
+ --clr-blue-40: 220deg 88% 76%;
+ --clr-blue-50: 220deg 84% 67%;
+ --clr-blue-60: 220deg 79% 59%;
+ --clr-blue-70: 220deg 71% 50%;
+ --clr-blue-80: 220deg 80% 39%;
+ --clr-blue-90: 220deg 78% 27%;
+ --clr-blue-95: 220deg 86% 19%;
--clr-blue-100: 220deg 61% 13%;
- --clr-gray-5: 210deg 20% 98%;
- --clr-gray-10: 220deg 14% 96%;
- --clr-gray-20: 223deg 14% 90%;
- --clr-gray-30: 214deg 14% 80%;
- --clr-gray-40: 219deg 10% 68%;
- --clr-gray-50: 219deg 11% 57%;
- --clr-gray-60: 217deg 10% 45%;
- --clr-gray-70: 218deg 15% 35%;
- --clr-gray-80: 216deg 21% 27%;
- --clr-gray-90: 215deg 30% 17%;
- --clr-gray-95: 221deg 33% 13%;
- --clr-gray-100: 223deg 30% 9%;
+ --clr-cyan-5: 204deg 40% 98%;
+ --clr-cyan-10: 204deg 69% 95%;
+ --clr-cyan-20: 204deg 80% 90%;
+ --clr-cyan-30: 204deg 75% 81%;
+ --clr-cyan-40: 204deg 67% 69%;
+ --clr-cyan-50: 204deg 74% 58%;
+ --clr-cyan-60: 204deg 80% 49%;
+ --clr-cyan-70: 204deg 94% 39%;
+ --clr-cyan-80: 204deg 97% 29%;
+ --clr-cyan-90: 204deg 94% 20%;
+ --clr-cyan-95: 204deg 89% 14%;
+ --clr-cyan-100: 204deg 80% 10%;
- --clr-cyan-5: 207deg 40% 98%;
- --clr-cyan-10: 207deg 69% 95%;
- --clr-cyan-20: 207deg 80% 90%;
- --clr-cyan-30: 207deg 75% 81%;
- --clr-cyan-40: 207deg 67% 69%;
- --clr-cyan-50: 207deg 75% 60%;
- --clr-cyan-60: 207deg 80% 49%;
- --clr-cyan-70: 207deg 94% 39%;
- --clr-cyan-80: 207deg 97% 29%;
- --clr-cyan-90: 207deg 94% 20%;
- --clr-cyan-95: 207deg 89% 14%;
- --clr-cyan-100: 207deg 80% 10%;
-
- --clr-neutral-5: 0deg 0% 98%;
- --clr-neutral-10: 0deg 0% 95%;
- --clr-neutral-20: 0deg 0% 89%;
- --clr-neutral-30: 0deg 0% 79%;
- --clr-neutral-40: 0deg 0% 66%;
- --clr-neutral-50: 0deg 0% 55%;
- --clr-neutral-60: 0deg 0% 44%;
- --clr-neutral-70: 0deg 0% 33%;
- --clr-neutral-80: 0deg 0% 25%;
- --clr-neutral-90: 0deg 0% 17%;
- --clr-neutral-95: 0deg 0% 12%;
- --clr-neutral-100: 0deg 0% 8%;
+ --clr-gray-5: 210deg 23% 98%;
+ --clr-gray-10: 220deg 20% 96%;
+ --clr-gray-15: 222deg 19% 93%;
+ --clr-gray-20: 223deg 17% 90%;
+ --clr-gray-30: 214deg 16% 80%;
+ --clr-gray-40: 219deg 14% 68%;
+ --clr-gray-50: 219deg 13% 57%;
+ --clr-gray-60: 217deg 12% 46%;
+ --clr-gray-70: 218deg 15% 36%;
+ --clr-gray-80: 216deg 22% 28%;
+ --clr-gray-85: 215deg 25% 22%;
+ --clr-gray-90: 215deg 30% 18%;
+ --clr-gray-95: 221deg 33% 15%;
+ --clr-gray-100: 223deg 30% 10%;
--clr-green-5: 122deg 80% 98%;
- --clr-green-10: 122deg 80% 94%;
- --clr-green-20: 122deg 73% 87%;
- --clr-green-30: 122deg 59% 76%;
- --clr-green-40: 122deg 54% 63%;
- --clr-green-50: 122deg 50% 51%;
- --clr-green-60: 122deg 57% 40%;
- --clr-green-70: 122deg 58% 31%;
- --clr-green-80: 122deg 66% 22%;
+ --clr-green-10: 122deg 78% 94%;
+ --clr-green-20: 122deg 70% 87%;
+ --clr-green-30: 122deg 56% 77%;
+ --clr-green-40: 122deg 49% 64%;
+ --clr-green-50: 122deg 45% 51%;
+ --clr-green-60: 122deg 47% 41%;
+ --clr-green-70: 122deg 54% 32%;
+ --clr-green-80: 122deg 62% 24%;
--clr-green-90: 122deg 82% 15%;
--clr-green-95: 122deg 54% 12%;
--clr-green-100: 122deg 56% 8%;
--clr-magenta-5: 334deg 100% 99%;
- --clr-magenta-10: 334deg 100% 97%;
- --clr-magenta-20: 334deg 100% 92%;
- --clr-magenta-30: 334deg 100% 84%;
- --clr-magenta-40: 334deg 98% 74%;
- --clr-magenta-50: 334deg 84% 64%;
- --clr-magenta-60: 334deg 75% 54%;
- --clr-magenta-70: 334deg 73% 44%;
- --clr-magenta-80: 334deg 75% 32%;
- --clr-magenta-90: 334deg 91% 21%;
- --clr-magenta-95: 334deg 74% 15%;
- --clr-magenta-100: 334deg 62% 10%;
+ --clr-magenta-10: 334deg 98% 97%;
+ --clr-magenta-20: 334deg 98% 92%;
+ --clr-magenta-30: 334deg 97% 84%;
+ --clr-magenta-40: 334deg 97% 75%;
+ --clr-magenta-50: 334deg 84% 65%;
+ --clr-magenta-60: 334deg 74% 56%;
+ --clr-magenta-70: 334deg 73% 46%;
+ --clr-magenta-80: 334deg 81% 35%;
+ --clr-magenta-90: 334deg 100% 26%;
+ --clr-magenta-95: 334deg 84% 18%;
+ --clr-magenta-100: 334deg 76% 10%;
+
+ --clr-neutral-5: 0deg 0% 98%;
+ --clr-neutral-10: 0deg 0% 95%;
+ --clr-neutral-20: 0deg 0% 89%;
+ --clr-neutral-30: 0deg 0% 79%;
+ --clr-neutral-40: 0deg 0% 66%;
+ --clr-neutral-50: 0deg 0% 56%;
+ --clr-neutral-60: 0deg 0% 45%;
+ --clr-neutral-70: 0deg 0% 34%;
+ --clr-neutral-80: 0deg 0% 26%;
+ --clr-neutral-90: 0deg 0% 16%;
+ --clr-neutral-95: 0deg 0% 13%;
+ --clr-neutral-100: 0deg 0% 10%;
--clr-orange-5: 29deg 100% 98%;
--clr-orange-10: 29deg 100% 95%;
--clr-orange-20: 29deg 100% 87%;
--clr-orange-30: 29deg 100% 76%;
--clr-orange-40: 29deg 96% 60%;
- --clr-orange-50: 29deg 100% 50%;
- --clr-orange-60: 25deg 100% 43%;
- --clr-orange-70: 25deg 100% 35%;
- --clr-orange-80: 25deg 96% 27%;
+ --clr-orange-50: 29deg 97% 50%;
+ --clr-orange-60: 28deg 99% 43%;
+ --clr-orange-70: 25deg 89% 35%;
+ --clr-orange-80: 26deg 96% 25%;
--clr-orange-90: 25deg 100% 17%;
--clr-orange-95: 25deg 100% 12%;
--clr-orange-100: 25deg 100% 8%;
- --clr-purple-5: 263deg 100% 99%;
- --clr-purple-10: 263deg 100% 97%;
- --clr-purple-20: 263deg 100% 93%;
- --clr-purple-30: 263deg 97% 87%;
- --clr-purple-40: 263deg 96% 78%;
- --clr-purple-50: 263deg 96% 71%;
- --clr-purple-60: 263deg 80% 61%;
- --clr-purple-70: 263deg 65% 52%;
- --clr-purple-80: 263deg 64% 38%;
- --clr-purple-90: 263deg 67% 25%;
- --clr-purple-95: 263deg 54% 16%;
- --clr-purple-100: 263deg 52% 12%;
+ --clr-purple-5: 260deg 96% 99%;
+ --clr-purple-10: 260deg 84% 93%;
+ --clr-purple-20: 260deg 84% 93%;
+ --clr-purple-30: 260deg 83% 86%;
+ --clr-purple-40: 260deg 72% 77%;
+ --clr-purple-50: 260deg 60% 68%;
+ --clr-purple-60: 260deg 46% 58%;
+ --clr-purple-70: 260deg 45% 49%;
+ --clr-purple-80: 260deg 52% 38%;
+ --clr-purple-90: 260deg 52% 28%;
+ --clr-purple-95: 260deg 50% 19%;
+ --clr-purple-100: 260deg 51% 12%;
--clr-red-5: 0deg 100% 99%;
--clr-red-10: 0deg 100% 97%;
--clr-red-20: 0deg 100% 92%;
--clr-red-30: 0deg 100% 85%;
--clr-red-40: 0deg 98% 76%;
- --clr-red-50: 0deg 95% 68%;
- --clr-red-60: 0deg 89% 58%;
- --clr-red-70: 0deg 76% 48%;
- --clr-red-80: 0deg 82% 35%;
- --clr-red-90: 0deg 85% 24%;
- --clr-red-95: 0deg 77% 17%;
+ --clr-red-50: 0deg 91% 68%;
+ --clr-red-60: 0deg 82% 60%;
+ --clr-red-70: 0deg 77% 51%;
+ --clr-red-80: 0deg 74% 38%;
+ --clr-red-90: 0deg 81% 27%;
+ --clr-red-95: 0deg 77% 18%;
--clr-red-100: 0deg 74% 12%;
--clr-teal-5: 180deg 80% 98%;
- --clr-teal-10: 180deg 83% 93%;
- --clr-teal-20: 180deg 79% 85%;
- --clr-teal-30: 180deg 72% 71%;
- --clr-teal-40: 180deg 62% 57%;
- --clr-teal-50: 180deg 93% 40%;
- --clr-teal-60: 180deg 93% 33%;
- --clr-teal-70: 180deg 89% 26%;
- --clr-teal-80: 180deg 71% 20%;
- --clr-teal-90: 180deg 79% 13%;
- --clr-teal-95: 180deg 61% 10%;
+ --clr-teal-10: 180deg 80% 93%;
+ --clr-teal-20: 180deg 74% 85%;
+ --clr-teal-30: 180deg 65% 72%;
+ --clr-teal-40: 180deg 59% 57%;
+ --clr-teal-50: 180deg 78% 42%;
+ --clr-teal-60: 180deg 83% 34%;
+ --clr-teal-70: 180deg 80% 27%;
+ --clr-teal-80: 180deg 70% 21%;
+ --clr-teal-90: 180deg 78% 14%;
+ --clr-teal-95: 180deg 63% 10%;
--clr-teal-100: 180deg 56% 7%;
- --clr-yellow-5: 49deg 82% 98%;
- --clr-yellow-10: 49deg 86% 91%;
- --clr-yellow-20: 49deg 97% 76%;
- --clr-yellow-30: 49deg 95% 56%;
- --clr-yellow-40: 49deg 100% 44%;
- --clr-yellow-50: 49deg 100% 38%;
- --clr-yellow-60: 49deg 100% 31%;
- --clr-yellow-70: 49deg 89% 26%;
- --clr-yellow-80: 49deg 86% 19%;
- --clr-yellow-90: 49deg 91% 13%;
- --clr-yellow-95: 49deg 83% 9%;
- --clr-yellow-100: 49deg 83% 7%;
+ --clr-yellow-5: 44deg 89% 98%;
+ --clr-yellow-10: 44deg 90% 92%;
+ --clr-yellow-20: 44deg 91% 82%;
+ --clr-yellow-30: 44deg 93% 64%;
+ --clr-yellow-40: 44deg 80% 49%;
+ --clr-yellow-50: 44deg 79% 41%;
+ --clr-yellow-60: 44deg 83% 34%;
+ --clr-yellow-70: 44deg 88% 26%;
+ --clr-yellow-80: 44deg 86% 19%;
+ --clr-yellow-90: 44deg 91% 13%;
+ --clr-yellow-95: 44deg 83% 9%;
+ --clr-yellow-100: 44deg 83% 7%;
}
}
diff --git a/libs/shared/lib/components/Design guides/styleGuide.mdx b/libs/shared/lib/components/Design guides/styleGuide.mdx
index 2a08a222ffb76876b65ab65c476453a150ced47c..67cb021c5893f0c88ffead82529c77b3b704fc8a 100644
--- a/libs/shared/lib/components/Design guides/styleGuide.mdx
+++ b/libs/shared/lib/components/Design guides/styleGuide.mdx
@@ -211,20 +211,20 @@ bg-primary-100, text-warning-500, border-danger-500, etc.
<ColorItem
title="categoricalColors.lightMode"
colors={{
- cat01: 'hsl(var(--clr-orange-60))',
- cat02: 'hsl(var(--clr-purple-70))',
- cat03: 'hsl(var(--clr-green-70))',
- cat04: 'hsl(var(--clr-blue-50))',
- cat05: 'hsl(var(--clr-red-50))',
- cat06: 'hsl(var(--clr-yellow-50))',
- cat07: 'hsl(var(--clr-magenta-50))',
- cat08: 'hsl(var(--clr-teal-60))',
- cat09: 'hsl(var(--clr-orange-40))',
- cat10: 'hsl(var(--clr-red-80))',
- cat11: 'hsl(var(--clr-purple-40))',
- cat12: 'hsl(var(--clr-blue-80))',
- cat13: 'hsl(var(--clr-green-50))',
- cat14: 'hsl(var(--clr-magenta-70))',
+ cat01: 'hsl(var(--clr-orange-40))',
+ cat02: 'hsl(var(--clr-red-80))',
+ cat03: 'hsl(var(--clr-blue-40))',
+ cat04: 'hsl(var(--clr-cyan-70))',
+ cat05: 'hsl(var(--clr-green-40))',
+ cat06: 'hsl(var(--clr-green-70))',
+ cat07: 'hsl(var(--clr-purple-40))',
+ cat08: 'hsl(var(--clr-purple-70))',
+ cat09: 'hsl(var(--clr-yellow-30))',
+ cat10: 'hsl(var(--clr-yellow-50))',
+ cat11: 'hsl(var(--clr-red-40))',
+ cat12: 'hsl(var(--clr-magenta-70))',
+ cat13: 'hsl(var(--clr-teal-40))',
+ cat14: 'hsl(var(--clr-teal-60))',
}}
/>
</ColorPalette>
@@ -232,20 +232,20 @@ bg-primary-100, text-warning-500, border-danger-500, etc.
<ColorItem
title="categoricalColors.darkMode"
colors={{
- cat01: 'hsl(var(--clr-orange-50))',
- cat02: 'hsl(var(--clr-purple-50))',
- cat03: 'hsl(var(--clr-green-50))',
- cat04: 'hsl(var(--clr-blue-30))',
- cat05: 'hsl(var(--clr-red-40))',
- cat06: 'hsl(var(--clr-yellow-40))',
- cat07: 'hsl(var(--clr-magenta-40))',
- cat08: 'hsl(var(--clr-teal-50))',
- cat09: 'hsl(var(--clr-orange-30))',
- cat10: 'hsl(var(--clr-red-70))',
- cat11: 'hsl(var(--clr-purple-40))',
- cat12: 'hsl(var(--clr-blue-60))',
- cat13: 'hsl(var(--clr-green-30))',
- cat14: 'hsl(var(--clr-magenta-60))',
+ cat01: 'hsl(var(--clr-orange-30))',
+ cat02: 'hsl(var(--clr-red-50))',
+ cat03: 'hsl(var(--clr-blue-30))',
+ cat04: 'hsl(var(--clr-cyan-60))',
+ cat05: 'hsl(var(--clr-green-30))',
+ cat06: 'hsl(var(--clr-green-50))',
+ cat07: 'hsl(var(--clr-purple-30))',
+ cat08: 'hsl(var(--clr-purple-50))',
+ cat09: 'hsl(var(--clr-yellow-20))',
+ cat10: 'hsl(var(--clr-yellow-40))',
+ cat11: 'hsl(var(--clr-red-30))',
+ cat12: 'hsl(var(--clr-magenta-50))',
+ cat13: 'hsl(var(--clr-teal-30))',
+ cat14: 'hsl(var(--clr-teal-50))',
}}
/>
</ColorPalette>