Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • graphpolaris/frontend-v2
  • rijkheere/frontend-v-2-reordering-paoh
2 results
Show changes
Commits on Source (2)
Hide whitespace changes
Inline Side-by-side
libs/config/src/colors.js
View file @ 93f99c06
...@@ -161,55 +161,57 @@ export const dataColors = { ...@@ -161,55 +161,57 @@ export const dataColors = {
blue: { blue: {
5: 'hsl(220 80% 98%)', 5: 'hsl(220 80% 98%)',
10: 'hsl(220 71% 96%)', 10: 'hsl(220 71% 96%)',
20: 'hsl(220 95% 92%)', 20: 'hsl(220 94% 92%)',
30: 'hsl(220 92% 85%)', 30: 'hsl(220 90% 85%)',
40: 'hsl(220 94% 75%)', 40: 'hsl(220 88% 76%)',
50: 'hsl(220 92% 67%)', 50: 'hsl(220 84% 67%)',
60: 'hsl(220 84% 58%)', 60: 'hsl(220 79% 59%)',
70: 'hsl(220 79% 49%)', 70: 'hsl(220 71% 50%)',
80: 'hsl(220 86% 36%)', 80: 'hsl(220 80% 39%)',
90: 'hsl(220 80% 23%)', 90: 'hsl(220 78% 27%)',
95: 'hsl(220 84% 17%)', 95: 'hsl(220 86% 19%)',
100: 'hsl(220 61% 13%)', 100: 'hsl(220 61% 13%)',
}, },
cyan: { cyan: {
5: 'hsl(207 40% 98%)', 5: 'hsl(204 40% 98%)',
10: 'hsl(207 69% 95%)', 10: 'hsl(204 69% 95%)',
20: 'hsl(207 80% 90%)', 20: 'hsl(204 80% 90%)',
30: 'hsl(207 75% 81%)', 30: 'hsl(204 75% 81%)',
40: 'hsl(207 67% 69%)', 40: 'hsl(204 67% 69%)',
50: 'hsl(207 75% 60%)', 50: 'hsl(204 74% 58%)',
60: 'hsl(207 80% 49%)', 60: 'hsl(204 80% 49%)',
70: 'hsl(207 94% 39%)', 70: 'hsl(204 94% 39%)',
80: 'hsl(207 97% 29%)', 80: 'hsl(204 97% 29%)',
90: 'hsl(207 94% 20%)', 90: 'hsl(204 94% 20%)',
95: 'hsl(207 89% 14%)', 95: 'hsl(204 89% 14%)',
100: 'hsl(207 80% 10%)', 100: 'hsl(204 80% 10%)',
}, },
gray: { gray: {
5: 'hsl(210 20% 98%)', 5: 'hsl(210 23% 98%)',
10: 'hsl(220 14% 96%)', 10: 'hsl(220 20% 96%)',
20: 'hsl(223 14% 90%)', 15: 'hsl(222 19% 93%)',
30: 'hsl(214 14% 80%)', 20: 'hsl(223 17% 90%)',
40: 'hsl(219 10% 68%)', 30: 'hsl(214 16% 80%)',
50: 'hsl(219 11% 57%)', 40: 'hsl(219 14% 68%)',
60: 'hsl(217 10% 45%)', 50: 'hsl(219 13% 57%)',
70: 'hsl(218 15% 35%)', 60: 'hsl(217 12% 46%)',
80: 'hsl(216 21% 27%)', 70: 'hsl(218 15% 36%)',
90: 'hsl(215 30% 17%)', 80: 'hsl(216 22% 28%)',
95: 'hsl(221 33% 13%)', 85: 'hsl(215 25% 22%)',
100: 'hsl(223 30% 9%)', 90: 'hsl(215 30% 18%)',
95: 'hsl(221 33% 15%)',
100: 'hsl(223 30% 10%)',
}, },
green: { green: {
5: 'hsl(122 80% 98%)', 5: 'hsl(122 80% 98%)',
10: 'hsl(122 80% 94%)', 10: 'hsl(122 78% 94%)',
20: 'hsl(122 73% 87%)', 20: 'hsl(122 70% 87%)',
30: 'hsl(122 59% 76%)', 30: 'hsl(122 56% 77%)',
40: 'hsl(122 54% 63%)', 40: 'hsl(122 49% 64%)',
50: 'hsl(122 50% 51%)', 50: 'hsl(122 45% 51%)',
60: 'hsl(122 57% 40%)', 60: 'hsl(122 47% 41%)',
70: 'hsl(122 58% 31%)', 70: 'hsl(122 54% 32%)',
80: 'hsl(122 66% 22%)', 80: 'hsl(122 62% 24%)',
90: 'hsl(122 82% 15%)', 90: 'hsl(122 82% 15%)',
95: 'hsl(122 54% 12%)', 95: 'hsl(122 54% 12%)',
100: 'hsl(122 56% 8%)', 100: 'hsl(122 56% 8%)',
...@@ -234,13 +236,13 @@ export const dataColors = { ...@@ -234,13 +236,13 @@ export const dataColors = {
20: 'hsl(0 0% 89%)', 20: 'hsl(0 0% 89%)',
30: 'hsl(0 0% 79%)', 30: 'hsl(0 0% 79%)',
40: 'hsl(0 0% 66%)', 40: 'hsl(0 0% 66%)',
50: 'hsl(0 0% 55%)', 50: 'hsl(0 0% 56%)',
60: 'hsl(0 0% 44%)', 60: 'hsl(0 0% 45%)',
70: 'hsl(0 0% 33%)', 70: 'hsl(0 0% 34%)',
80: 'hsl(0 0% 25%)', 80: 'hsl(0 0% 26%)',
90: 'hsl(0 0% 17%)', 90: 'hsl(0 0% 16%)',
95: 'hsl(0 0% 12%)', 95: 'hsl(0 0% 12%)',
100: 'hsl(0 0% 8%)', 100: 'hsl(0 0% 10%)',
}, },
orange: { orange: {
5: 'hsl(29 100% 98%)', 5: 'hsl(29 100% 98%)',
...@@ -248,27 +250,27 @@ export const dataColors = { ...@@ -248,27 +250,27 @@ export const dataColors = {
20: 'hsl(29 100% 87%)', 20: 'hsl(29 100% 87%)',
30: 'hsl(29 100% 76%)', 30: 'hsl(29 100% 76%)',
40: 'hsl(29 96% 60%)', 40: 'hsl(29 96% 60%)',
50: 'hsl(29 100% 50%)', 50: 'hsl(29 97% 50%)',
60: 'hsl(28 100% 43%)', 60: 'hsl(28 99% 43%)',
70: 'hsl(25 100% 35%)', 70: 'hsl(25 89% 35%)',
80: 'hsl(26 96% 27%)', 80: 'hsl(26 96% 25%)',
90: 'hsl(25 100% 17%)', 90: 'hsl(25 100% 17%)',
95: 'hsl(25 100% 12%)', 95: 'hsl(25 100% 12%)',
100: 'hsl(25 100% 8%)', 100: 'hsl(25 100% 8%)',
}, },
purple: { purple: {
5: 'hsl(263 100% 99%)', 5: 'hsl(260 96% 99%)',
10: 'hsl(263 100% 97%)', 10: 'hsl(260 84% 93%)',
20: 'hsl(263 100% 93%)', 20: 'hsl(260 84% 93%)',
30: 'hsl(263 97% 87%)', 30: 'hsl(260 83% 86%)',
40: 'hsl(263 96% 78%)', 40: 'hsl(260 72% 77%)',
50: 'hsl(263 96% 71%)', 50: 'hsl(260 60% 68%)',
60: 'hsl(263 80% 61%)', 60: 'hsl(260 46% 58%)',
70: 'hsl(263 65% 52%)', 70: 'hsl(260 45% 49%)',
80: 'hsl(263 64% 38%)', 80: 'hsl(260 52% 38%)',
90: 'hsl(263 67% 25%)', 90: 'hsl(260 52% 28%)',
95: 'hsl(263 54% 16%)', 95: 'hsl(260 50% 19%)',
100: 'hsl(263 52% 12%)', 100: 'hsl(260 51% 12%)',
}, },
red: { red: {
5: 'hsl(0 100% 99%)', 5: 'hsl(0 100% 99%)',
...@@ -276,41 +278,41 @@ export const dataColors = { ...@@ -276,41 +278,41 @@ export const dataColors = {
20: 'hsl(0 100% 92%)', 20: 'hsl(0 100% 92%)',
30: 'hsl(0 100% 85%)', 30: 'hsl(0 100% 85%)',
40: 'hsl(0 98% 76%)', 40: 'hsl(0 98% 76%)',
50: 'hsl(0 95% 68%)', 50: 'hsl(0 91% 68%)',
60: 'hsl(0 89% 58%)', 60: 'hsl(0 82% 60%)',
70: 'hsl(0 76% 48%)', 70: 'hsl(0 77% 51%)',
80: 'hsl(0 82% 35%)', 80: 'hsl(0 74% 38%)',
90: 'hsl(0 85% 24%)', 90: 'hsl(0 81% 27%)',
95: 'hsl(0 77% 17%)', 95: 'hsl(0 77% 18%)',
100: 'hsl(0 74% 12%)', 100: 'hsl(0 74% 12%)',
}, },
teal: { teal: {
5: 'hsl(180 80% 98%)', 5: 'hsl(180 80% 98%)',
10: 'hsl(180 83% 93%)', 10: 'hsl(180 80% 93%)',
20: 'hsl(180 79% 85%)', 20: 'hsl(180 74% 85%)',
30: 'hsl(180 72% 71%)', 30: 'hsl(180 65% 72%)',
40: 'hsl(180 62% 57%)', 40: 'hsl(180 59% 57%)',
50: 'hsl(180 93% 40%)', 50: 'hsl(180 78% 42%)',
60: 'hsl(180 93% 33%)', 60: 'hsl(180 83% 34%)',
70: 'hsl(180 89% 26%)', 70: 'hsl(180 80% 27%)',
80: 'hsl(180 71% 20%)', 80: 'hsl(180 70% 21%)',
90: 'hsl(180 79% 13%)', 90: 'hsl(180 78% 14%)',
95: 'hsl(180 61% 10%)', 95: 'hsl(180 63% 10%)',
100: 'hsl(180 56% 7%)', 100: 'hsl(180 56% 7%)',
}, },
yellow: { yellow: {
5: 'hsl(49 82% 98%)', 5: 'hsl(44 89% 98%)',
10: 'hsl(49 86% 91%)', 10: 'hsl(44 90% 92%)',
20: 'hsl(49 97% 76%)', 20: 'hsl(44 91% 82%)',
30: 'hsl(49 95% 56%)', 30: 'hsl(44 93% 64%)',
40: 'hsl(49 100% 44%)', 40: 'hsl(44 80% 49%)',
50: 'hsl(49 100% 38%)', 50: 'hsl(44 79% 41%)',
60: 'hsl(49 100% 31%)', 60: 'hsl(44 83% 34%)',
70: 'hsl(49 89% 26%)', 70: 'hsl(44 88% 26%)',
80: 'hsl(49 86% 19%)', 80: 'hsl(44 86% 19%)',
90: 'hsl(49 91% 13%)', 90: 'hsl(44 91% 13%)',
95: 'hsl(49 83% 9%)', 95: 'hsl(44 83% 9%)',
100: 'hsl(49 83% 7%)', 100: 'hsl(44 83% 7%)',
}, },
}; };
export const divergenceColors = { export const divergenceColors = {
...@@ -497,35 +499,35 @@ export const divergenceColors = { ...@@ -497,35 +499,35 @@ export const divergenceColors = {
}; };
export const categoricalColors = { export const categoricalColors = {
lightMode: { lightMode: {
1: dataColors.orange[60], 1: dataColors.orange[40],
2: dataColors.purple[70], 2: dataColors.red[80],
3: dataColors.green[70], 3: dataColors.blue[40],
4: dataColors.blue[50], 4: dataColors.cyan[70],
5: dataColors.red[50], 5: dataColors.green[40],
6: dataColors.yellow[50], 6: dataColors.green[70],
7: dataColors.magenta[50], 7: dataColors.purple[40],
8: dataColors.teal[60], 8: dataColors.purple[70],
9: dataColors.orange[40], 9: dataColors.yellow[30],
10: dataColors.red[80], 10: dataColors.yellow[50],
11: dataColors.purple[40], 11: dataColors.red[40],
12: dataColors.blue[80], 12: dataColors.magenta[70],
13: dataColors.green[50], 13: dataColors.teal[40],
14: dataColors.magenta[70], 14: dataColors.teal[60],
}, },
darkMode: { darkMode: {
1: dataColors.orange[50], 1: dataColors.orange[30],
2: dataColors.purple[50], 2: dataColors.red[50],
3: dataColors.green[50], 3: dataColors.blue[30],
4: dataColors.blue[30], 4: dataColors.cyan[60],
5: dataColors.red[40], 5: dataColors.green[30],
6: dataColors.yellow[40], 6: dataColors.green[50],
7: dataColors.magenta[40], 7: dataColors.purple[30],
8: dataColors.teal[50], 8: dataColors.purple[50],
9: dataColors.orange[30], 9: dataColors.yellow[20],
10: dataColors.red[70], 10: dataColors.yellow[40],
11: dataColors.purple[40], 11: dataColors.red[30],
12: dataColors.blue[60], 12: dataColors.magenta[50],
13: dataColors.green[30], 13: dataColors.teal[30],
14: dataColors.magenta[60], 14: dataColors.teal[50],
}, },
}; };
libs/config/styling/primitives.css
View file @ 93f99c06
...@@ -11,145 +11,147 @@ ...@@ -11,145 +11,147 @@
--clr-blue-5: 220deg 80% 98%; --clr-blue-5: 220deg 80% 98%;
--clr-blue-10: 220deg 71% 96%; --clr-blue-10: 220deg 71% 96%;
--clr-blue-20: 220deg 95% 92%; --clr-blue-20: 220deg 94% 92%;
--clr-blue-30: 220deg 92% 85%; --clr-blue-30: 220deg 90% 85%;
--clr-blue-40: 220deg 94% 75%; --clr-blue-40: 220deg 88% 76%;
--clr-blue-50: 220deg 92% 67%; --clr-blue-50: 220deg 84% 67%;
--clr-blue-60: 220deg 84% 58%; --clr-blue-60: 220deg 79% 59%;
--clr-blue-70: 220deg 79% 49%; --clr-blue-70: 220deg 71% 50%;
--clr-blue-80: 220deg 86% 36%; --clr-blue-80: 220deg 80% 39%;
--clr-blue-90: 220deg 80% 23%; --clr-blue-90: 220deg 78% 27%;
--clr-blue-95: 220deg 84% 17%; --clr-blue-95: 220deg 86% 19%;
--clr-blue-100: 220deg 61% 13%; --clr-blue-100: 220deg 61% 13%;
--clr-gray-5: 210deg 20% 98%; --clr-cyan-5: 204deg 40% 98%;
--clr-gray-10: 220deg 14% 96%; --clr-cyan-10: 204deg 69% 95%;
--clr-gray-20: 223deg 14% 90%; --clr-cyan-20: 204deg 80% 90%;
--clr-gray-30: 214deg 14% 80%; --clr-cyan-30: 204deg 75% 81%;
--clr-gray-40: 219deg 10% 68%; --clr-cyan-40: 204deg 67% 69%;
--clr-gray-50: 219deg 11% 57%; --clr-cyan-50: 204deg 74% 58%;
--clr-gray-60: 217deg 10% 45%; --clr-cyan-60: 204deg 80% 49%;
--clr-gray-70: 218deg 15% 35%; --clr-cyan-70: 204deg 94% 39%;
--clr-gray-80: 216deg 21% 27%; --clr-cyan-80: 204deg 97% 29%;
--clr-gray-90: 215deg 30% 17%; --clr-cyan-90: 204deg 94% 20%;
--clr-gray-95: 221deg 33% 13%; --clr-cyan-95: 204deg 89% 14%;
--clr-gray-100: 223deg 30% 9%; --clr-cyan-100: 204deg 80% 10%;
--clr-cyan-5: 207deg 40% 98%; --clr-gray-5: 210deg 23% 98%;
--clr-cyan-10: 207deg 69% 95%; --clr-gray-10: 220deg 20% 96%;
--clr-cyan-20: 207deg 80% 90%; --clr-gray-15: 222deg 19% 93%;
--clr-cyan-30: 207deg 75% 81%; --clr-gray-20: 223deg 17% 90%;
--clr-cyan-40: 207deg 67% 69%; --clr-gray-30: 214deg 16% 80%;
--clr-cyan-50: 207deg 75% 60%; --clr-gray-40: 219deg 14% 68%;
--clr-cyan-60: 207deg 80% 49%; --clr-gray-50: 219deg 13% 57%;
--clr-cyan-70: 207deg 94% 39%; --clr-gray-60: 217deg 12% 46%;
--clr-cyan-80: 207deg 97% 29%; --clr-gray-70: 218deg 15% 36%;
--clr-cyan-90: 207deg 94% 20%; --clr-gray-80: 216deg 22% 28%;
--clr-cyan-95: 207deg 89% 14%; --clr-gray-85: 215deg 25% 22%;
--clr-cyan-100: 207deg 80% 10%; --clr-gray-90: 215deg 30% 18%;
--clr-gray-95: 221deg 33% 15%;
--clr-neutral-5: 0deg 0% 98%; --clr-gray-100: 223deg 30% 10%;
--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-green-5: 122deg 80% 98%; --clr-green-5: 122deg 80% 98%;
--clr-green-10: 122deg 80% 94%; --clr-green-10: 122deg 78% 94%;
--clr-green-20: 122deg 73% 87%; --clr-green-20: 122deg 70% 87%;
--clr-green-30: 122deg 59% 76%; --clr-green-30: 122deg 56% 77%;
--clr-green-40: 122deg 54% 63%; --clr-green-40: 122deg 49% 64%;
--clr-green-50: 122deg 50% 51%; --clr-green-50: 122deg 45% 51%;
--clr-green-60: 122deg 57% 40%; --clr-green-60: 122deg 47% 41%;
--clr-green-70: 122deg 58% 31%; --clr-green-70: 122deg 54% 32%;
--clr-green-80: 122deg 66% 22%; --clr-green-80: 122deg 62% 24%;
--clr-green-90: 122deg 82% 15%; --clr-green-90: 122deg 82% 15%;
--clr-green-95: 122deg 54% 12%; --clr-green-95: 122deg 54% 12%;
--clr-green-100: 122deg 56% 8%; --clr-green-100: 122deg 56% 8%;
--clr-magenta-5: 334deg 100% 99%; --clr-magenta-5: 334deg 100% 99%;
--clr-magenta-10: 334deg 100% 97%; --clr-magenta-10: 334deg 98% 97%;
--clr-magenta-20: 334deg 100% 92%; --clr-magenta-20: 334deg 98% 92%;
--clr-magenta-30: 334deg 100% 84%; --clr-magenta-30: 334deg 97% 84%;
--clr-magenta-40: 334deg 98% 74%; --clr-magenta-40: 334deg 97% 75%;
--clr-magenta-50: 334deg 84% 64%; --clr-magenta-50: 334deg 84% 65%;
--clr-magenta-60: 334deg 75% 54%; --clr-magenta-60: 334deg 74% 56%;
--clr-magenta-70: 334deg 73% 44%; --clr-magenta-70: 334deg 73% 46%;
--clr-magenta-80: 334deg 75% 32%; --clr-magenta-80: 334deg 81% 35%;
--clr-magenta-90: 334deg 91% 21%; --clr-magenta-90: 334deg 100% 26%;
--clr-magenta-95: 334deg 74% 15%; --clr-magenta-95: 334deg 84% 18%;
--clr-magenta-100: 334deg 62% 10%; --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-5: 29deg 100% 98%;
--clr-orange-10: 29deg 100% 95%; --clr-orange-10: 29deg 100% 95%;
--clr-orange-20: 29deg 100% 87%; --clr-orange-20: 29deg 100% 87%;
--clr-orange-30: 29deg 100% 76%; --clr-orange-30: 29deg 100% 76%;
--clr-orange-40: 29deg 96% 60%; --clr-orange-40: 29deg 96% 60%;
--clr-orange-50: 29deg 100% 50%; --clr-orange-50: 29deg 97% 50%;
--clr-orange-60: 25deg 100% 43%; --clr-orange-60: 28deg 99% 43%;
--clr-orange-70: 25deg 100% 35%; --clr-orange-70: 25deg 89% 35%;
--clr-orange-80: 25deg 96% 27%; --clr-orange-80: 26deg 96% 25%;
--clr-orange-90: 25deg 100% 17%; --clr-orange-90: 25deg 100% 17%;
--clr-orange-95: 25deg 100% 12%; --clr-orange-95: 25deg 100% 12%;
--clr-orange-100: 25deg 100% 8%; --clr-orange-100: 25deg 100% 8%;
--clr-purple-5: 263deg 100% 99%; --clr-purple-5: 260deg 96% 99%;
--clr-purple-10: 263deg 100% 97%; --clr-purple-10: 260deg 84% 93%;
--clr-purple-20: 263deg 100% 93%; --clr-purple-20: 260deg 84% 93%;
--clr-purple-30: 263deg 97% 87%; --clr-purple-30: 260deg 83% 86%;
--clr-purple-40: 263deg 96% 78%; --clr-purple-40: 260deg 72% 77%;
--clr-purple-50: 263deg 96% 71%; --clr-purple-50: 260deg 60% 68%;
--clr-purple-60: 263deg 80% 61%; --clr-purple-60: 260deg 46% 58%;
--clr-purple-70: 263deg 65% 52%; --clr-purple-70: 260deg 45% 49%;
--clr-purple-80: 263deg 64% 38%; --clr-purple-80: 260deg 52% 38%;
--clr-purple-90: 263deg 67% 25%; --clr-purple-90: 260deg 52% 28%;
--clr-purple-95: 263deg 54% 16%; --clr-purple-95: 260deg 50% 19%;
--clr-purple-100: 263deg 52% 12%; --clr-purple-100: 260deg 51% 12%;
--clr-red-5: 0deg 100% 99%; --clr-red-5: 0deg 100% 99%;
--clr-red-10: 0deg 100% 97%; --clr-red-10: 0deg 100% 97%;
--clr-red-20: 0deg 100% 92%; --clr-red-20: 0deg 100% 92%;
--clr-red-30: 0deg 100% 85%; --clr-red-30: 0deg 100% 85%;
--clr-red-40: 0deg 98% 76%; --clr-red-40: 0deg 98% 76%;
--clr-red-50: 0deg 95% 68%; --clr-red-50: 0deg 91% 68%;
--clr-red-60: 0deg 89% 58%; --clr-red-60: 0deg 82% 60%;
--clr-red-70: 0deg 76% 48%; --clr-red-70: 0deg 77% 51%;
--clr-red-80: 0deg 82% 35%; --clr-red-80: 0deg 74% 38%;
--clr-red-90: 0deg 85% 24%; --clr-red-90: 0deg 81% 27%;
--clr-red-95: 0deg 77% 17%; --clr-red-95: 0deg 77% 18%;
--clr-red-100: 0deg 74% 12%; --clr-red-100: 0deg 74% 12%;
--clr-teal-5: 180deg 80% 98%; --clr-teal-5: 180deg 80% 98%;
--clr-teal-10: 180deg 83% 93%; --clr-teal-10: 180deg 80% 93%;
--clr-teal-20: 180deg 79% 85%; --clr-teal-20: 180deg 74% 85%;
--clr-teal-30: 180deg 72% 71%; --clr-teal-30: 180deg 65% 72%;
--clr-teal-40: 180deg 62% 57%; --clr-teal-40: 180deg 59% 57%;
--clr-teal-50: 180deg 93% 40%; --clr-teal-50: 180deg 78% 42%;
--clr-teal-60: 180deg 93% 33%; --clr-teal-60: 180deg 83% 34%;
--clr-teal-70: 180deg 89% 26%; --clr-teal-70: 180deg 80% 27%;
--clr-teal-80: 180deg 71% 20%; --clr-teal-80: 180deg 70% 21%;
--clr-teal-90: 180deg 79% 13%; --clr-teal-90: 180deg 78% 14%;
--clr-teal-95: 180deg 61% 10%; --clr-teal-95: 180deg 63% 10%;
--clr-teal-100: 180deg 56% 7%; --clr-teal-100: 180deg 56% 7%;
--clr-yellow-5: 49deg 82% 98%; --clr-yellow-5: 44deg 89% 98%;
--clr-yellow-10: 49deg 86% 91%; --clr-yellow-10: 44deg 90% 92%;
--clr-yellow-20: 49deg 97% 76%; --clr-yellow-20: 44deg 91% 82%;
--clr-yellow-30: 49deg 95% 56%; --clr-yellow-30: 44deg 93% 64%;
--clr-yellow-40: 49deg 100% 44%; --clr-yellow-40: 44deg 80% 49%;
--clr-yellow-50: 49deg 100% 38%; --clr-yellow-50: 44deg 79% 41%;
--clr-yellow-60: 49deg 100% 31%; --clr-yellow-60: 44deg 83% 34%;
--clr-yellow-70: 49deg 89% 26%; --clr-yellow-70: 44deg 88% 26%;
--clr-yellow-80: 49deg 86% 19%; --clr-yellow-80: 44deg 86% 19%;
--clr-yellow-90: 49deg 91% 13%; --clr-yellow-90: 44deg 91% 13%;
--clr-yellow-95: 49deg 83% 9%; --clr-yellow-95: 44deg 83% 9%;
--clr-yellow-100: 49deg 83% 7%; --clr-yellow-100: 44deg 83% 7%;
} }
} }
libs/shared/lib/components/Design guides/styleGuide.mdx
View file @ 93f99c06
...@@ -211,20 +211,20 @@ bg-primary-100, text-warning-500, border-danger-500, etc. ...@@ -211,20 +211,20 @@ bg-primary-100, text-warning-500, border-danger-500, etc.
<ColorItem <ColorItem
title="categoricalColors.lightMode" title="categoricalColors.lightMode"
colors={{ colors={{
cat01: 'hsl(var(--clr-orange-60))', cat01: 'hsl(var(--clr-orange-40))',
cat02: 'hsl(var(--clr-purple-70))', cat02: 'hsl(var(--clr-red-80))',
cat03: 'hsl(var(--clr-green-70))', cat03: 'hsl(var(--clr-blue-40))',
cat04: 'hsl(var(--clr-blue-50))', cat04: 'hsl(var(--clr-cyan-70))',
cat05: 'hsl(var(--clr-red-50))', cat05: 'hsl(var(--clr-green-40))',
cat06: 'hsl(var(--clr-yellow-50))', cat06: 'hsl(var(--clr-green-70))',
cat07: 'hsl(var(--clr-magenta-50))', cat07: 'hsl(var(--clr-purple-40))',
cat08: 'hsl(var(--clr-teal-60))', cat08: 'hsl(var(--clr-purple-70))',
cat09: 'hsl(var(--clr-orange-40))', cat09: 'hsl(var(--clr-yellow-30))',
cat10: 'hsl(var(--clr-red-80))', cat10: 'hsl(var(--clr-yellow-50))',
cat11: 'hsl(var(--clr-purple-40))', cat11: 'hsl(var(--clr-red-40))',
cat12: 'hsl(var(--clr-blue-80))', cat12: 'hsl(var(--clr-magenta-70))',
cat13: 'hsl(var(--clr-green-50))', cat13: 'hsl(var(--clr-teal-40))',
cat14: 'hsl(var(--clr-magenta-70))', cat14: 'hsl(var(--clr-teal-60))',
}} }}
/> />
</ColorPalette> </ColorPalette>
...@@ -232,20 +232,20 @@ bg-primary-100, text-warning-500, border-danger-500, etc. ...@@ -232,20 +232,20 @@ bg-primary-100, text-warning-500, border-danger-500, etc.
<ColorItem <ColorItem
title="categoricalColors.darkMode" title="categoricalColors.darkMode"
colors={{ colors={{
cat01: 'hsl(var(--clr-orange-50))', cat01: 'hsl(var(--clr-orange-30))',
cat02: 'hsl(var(--clr-purple-50))', cat02: 'hsl(var(--clr-red-50))',
cat03: 'hsl(var(--clr-green-50))', cat03: 'hsl(var(--clr-blue-30))',
cat04: 'hsl(var(--clr-blue-30))', cat04: 'hsl(var(--clr-cyan-60))',
cat05: 'hsl(var(--clr-red-40))', cat05: 'hsl(var(--clr-green-30))',
cat06: 'hsl(var(--clr-yellow-40))', cat06: 'hsl(var(--clr-green-50))',
cat07: 'hsl(var(--clr-magenta-40))', cat07: 'hsl(var(--clr-purple-30))',
cat08: 'hsl(var(--clr-teal-50))', cat08: 'hsl(var(--clr-purple-50))',
cat09: 'hsl(var(--clr-orange-30))', cat09: 'hsl(var(--clr-yellow-20))',
cat10: 'hsl(var(--clr-red-70))', cat10: 'hsl(var(--clr-yellow-40))',
cat11: 'hsl(var(--clr-purple-40))', cat11: 'hsl(var(--clr-red-30))',
cat12: 'hsl(var(--clr-blue-60))', cat12: 'hsl(var(--clr-magenta-50))',
cat13: 'hsl(var(--clr-green-30))', cat13: 'hsl(var(--clr-teal-30))',
cat14: 'hsl(var(--clr-magenta-60))', cat14: 'hsl(var(--clr-teal-50))',
}} }}
/> />
</ColorPalette> </ColorPalette>
......
libs/shared/lib/data-access/store/visualizationSlice.ts
View file @ 93f99c06
...@@ -16,7 +16,7 @@ export type VisState = { ...@@ -16,7 +16,7 @@ export type VisState = {
}; };
export const initialState: VisState = { export const initialState: VisState = {
activeVisualization: 'NodeLink', activeVisualization: 'NodeLinkVis',
settings: { settings: {
general: {}, general: {},
}, },
......