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 = {
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],
},
};
libs/config/styling/primitives.css
View file @ 93f99c06
......@@ -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%;
}
}
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.
<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>
......
libs/shared/lib/data-access/store/visualizationSlice.ts
View file @ 93f99c06
......@@ -16,7 +16,7 @@ export type VisState = {
};
export const initialState: VisState = {
activeVisualization: 'NodeLink',
activeVisualization: 'NodeLinkVis',
settings: {
general: {},
},
......