@sproutsocial/seeds-theme 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/README.md +6 -4
  2. package/dist/legacy-dark.css +37 -37
  3. package/dist/legacy-light.css +37 -37
  4. package/dist/legacy.css +59 -59
  5. package/dist/schema.json +0 -1
  6. package/dist/shadcn.registry.json +2 -2
  7. package/dist/source/theme-dark.tokens.json +1 -2
  8. package/dist/source/theme-light.tokens.json +1 -2
  9. package/dist/styled-components/index.cjs +83 -83
  10. package/dist/styled-components/index.js +83 -83
  11. package/dist/styled-components/index.ts +83 -83
  12. package/dist/theme-dark.css +1 -1
  13. package/dist/theme-dark.d.ts +0 -1
  14. package/dist/theme-dark.js +39 -39
  15. package/dist/theme-dark.json +38 -38
  16. package/dist/theme-light.css +1 -1
  17. package/dist/theme-light.d.ts +0 -1
  18. package/dist/theme-light.js +39 -39
  19. package/dist/theme-light.json +38 -38
  20. package/dist/theme.css +2 -2
  21. package/package.json +2 -2
package/README.md CHANGED
@@ -97,10 +97,12 @@ spacing, and typography fields exist only in the compatibility output, with
97
97
  [compatibility/scales.tokens.json](compatibility/scales.tokens.json) mapping their
98
98
  old paths to the existing packages by reference.
99
99
 
100
- The two historical `colors.gradient.ai-stop-2` colors have no exact palette
101
- match. They remain documented, theme-owned tokens in light and dark, each
102
- authored once and referenced by both gradient expressions. Other gradient stops
103
- and alpha colors reference existing tokens; no nearby colors are substituted.
100
+ The `colors.gradient.ai-stop-2` colors are authored once per mode and referenced
101
+ by both gradient expressions. The new purple palette supplies them exactly, so
102
+ they reference `color.purple.700` in light and `color.purple.500` in dark rather
103
+ than carrying literal hex values. Every authored color, including gradient stops
104
+ and alpha colors, now references an existing token; no nearby colors are
105
+ substituted.
104
106
  Every historical compatibility value is retained, including arrays, numeric
105
107
  values, CSS expressions, and alpha spelling. The files use Style Dictionary's DTCG-style `$type` / `$value`
106
108
  authoring conventions; historical CSS color and dimension strings are preserved.
package/dist/legacy-dark.css CHANGED
@@ -7,11 +7,11 @@
7
7
  --color-container-bg-warning: #944c0c;
8
8
  --color-container-bg-error: #992222;
9
9
  --color-container-bg-info: #0c3f89;
10
- --color-container-bg-opportunity: #483a9c;
10
+ --color-container-bg-opportunity: #6726c2;
11
11
  --color-container-bg-danger: #992222;
12
12
  --color-container-bg-decorative-green: #006b40;
13
13
  --color-container-bg-decorative-blue: #0c3f89;
14
- --color-container-bg-decorative-purple: #483a9c;
14
+ --color-container-bg-decorative-purple: #6726c2;
15
15
  --color-container-bg-decorative-yellow: #944c0c;
16
16
  --color-container-bg-decorative-orange: #962c0b;
17
17
  --color-container-bg-decorative-red: #992222;
@@ -32,10 +32,10 @@
32
32
  --color-container-border-error: #ed4c42;
33
33
  --color-container-border-danger: #ed4c42;
34
34
  --color-container-border-info: #2b68d3;
35
- --color-container-border-opportunity: #9180f4;
35
+ --color-container-border-opportunity: #b984ff;
36
36
  --color-container-border-decorative-green: #59cb59;
37
37
  --color-container-border-decorative-blue: #2b68d3;
38
- --color-container-border-decorative-purple: #9180f4;
38
+ --color-container-border-decorative-purple: #b984ff;
39
39
  --color-container-border-decorative-yellow: #ffbc00;
40
40
  --color-container-border-decorative-orange: #f57d33;
41
41
  --color-container-border-decorative-red: #ed4c42;
@@ -45,7 +45,7 @@
45
45
  --color-container-border-decorative-aqua: #17b8ce;
46
46
  --color-container-border-decorative-teal: #08c4b2;
47
47
  --color-container-border-selected: #FFFFFF;
48
- --color-container-border-ai_generated: #6f5ed3;
48
+ --color-container-border-ai_generated: #9747ff;
49
49
  --color-gradient-ai: radial-gradient(circle at bottom left, #679eff 0%, #b984ff 61%, #f282f5 100%);
50
50
  --color-gradient-ai-subtle: radial-gradient(circle at bottom left, color-mix(in srgb, #679eff, transparent 80%) 0%, color-mix(in srgb, #b984ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%);
51
51
  --color-gradient-ai-stop-1: #679eff;
@@ -112,7 +112,7 @@
112
112
  --color-text-bg-selection: #1150aa;
113
113
  --color-text-decorative-green: #d7f4d7;
114
114
  --color-text-decorative-blue: #deebfe;
115
- --color-text-decorative-purple: #eaeaf9;
115
+ --color-text-decorative-purple: #fff2ff;
116
116
  --color-text-decorative-yellow: #fdefcd;
117
117
  --color-text-decorative-orange: #fcdccc;
118
118
  --color-text-decorative-red: #ffd5d2;
@@ -129,7 +129,7 @@
129
129
  --color-icon-error: #ffd5d2;
130
130
  --color-icon-danger: #ffd5d2;
131
131
  --color-icon-info: #deebfe;
132
- --color-icon-opportunity: #eaeaf9;
132
+ --color-icon-opportunity: #fff2ff;
133
133
  --color-icon-applied: #679eff;
134
134
  --color-icon-positive_sentiment: #2b68d3;
135
135
  --color-icon-negative_sentiment: #ed4c42;
@@ -203,7 +203,7 @@
203
203
  --color-network-bluesky: #1185FE;
204
204
  --color-network-bazaarvoice: #002E6E;
205
205
  --color-dataviz-map-1: #24e0c5;
206
- --color-dataviz-map-2: #a193f2;
206
+ --color-dataviz-map-2: #d5a9ff;
207
207
  --color-dataviz-map-3: #ff76ae;
208
208
  --color-dataviz-map-4: #ffcd1c;
209
209
  --color-dataviz-map-5: #679eff;
@@ -212,7 +212,7 @@
212
212
  --color-dataviz-map-8: #ff9c5d;
213
213
  --color-dataviz-map-9: #db3e3e;
214
214
  --color-dataviz-map-10: #0b968f;
215
- --color-dataviz-map-11: #6f5ed3;
215
+ --color-dataviz-map-11: #9747ff;
216
216
  --color-dataviz-map-12: #ce3665;
217
217
  --color-dataviz-map-13: #ba7506;
218
218
  --color-dataviz-map-14: #205bc3;
@@ -223,7 +223,7 @@
223
223
  --color-dataviz-map-19: #c2f2bd;
224
224
  --color-dataviz-map-20: #ffe99a;
225
225
  --color-dataviz-list-0: #24e0c5;
226
- --color-dataviz-list-1: #a193f2;
226
+ --color-dataviz-list-1: #d5a9ff;
227
227
  --color-dataviz-list-2: #ff76ae;
228
228
  --color-dataviz-list-3: #ffcd1c;
229
229
  --color-dataviz-list-4: #679eff;
@@ -232,7 +232,7 @@
232
232
  --color-dataviz-list-7: #ff9c5d;
233
233
  --color-dataviz-list-8: #db3e3e;
234
234
  --color-dataviz-list-9: #0b968f;
235
- --color-dataviz-list-10: #6f5ed3;
235
+ --color-dataviz-list-10: #9747ff;
236
236
  --color-dataviz-list-11: #ce3665;
237
237
  --color-dataviz-list-12: #ba7506;
238
238
  --color-dataviz-list-13: #205bc3;
@@ -247,7 +247,7 @@
247
247
  --color-userStatus-offline: #f76054;
248
248
  --color-userStatus-unavailable: #929a9b;
249
249
  --color-DATAVIZ_COLORS_LIST-0: #24e0c5;
250
- --color-DATAVIZ_COLORS_LIST-1: #a193f2;
250
+ --color-DATAVIZ_COLORS_LIST-1: #d5a9ff;
251
251
  --color-DATAVIZ_COLORS_LIST-2: #ff76ae;
252
252
  --color-DATAVIZ_COLORS_LIST-3: #ffcd1c;
253
253
  --color-DATAVIZ_COLORS_LIST-4: #679eff;
@@ -256,7 +256,7 @@
256
256
  --color-DATAVIZ_COLORS_LIST-7: #ff9c5d;
257
257
  --color-DATAVIZ_COLORS_LIST-8: #db3e3e;
258
258
  --color-DATAVIZ_COLORS_LIST-9: #0b968f;
259
- --color-DATAVIZ_COLORS_LIST-10: #6f5ed3;
259
+ --color-DATAVIZ_COLORS_LIST-10: #9747ff;
260
260
  --color-DATAVIZ_COLORS_LIST-11: #ce3665;
261
261
  --color-DATAVIZ_COLORS_LIST-12: #ba7506;
262
262
  --color-DATAVIZ_COLORS_LIST-13: #205bc3;
@@ -267,7 +267,7 @@
267
267
  --color-DATAVIZ_COLORS_LIST-18: #c2f2bd;
268
268
  --color-DATAVIZ_COLORS_LIST-19: #ffe99a;
269
269
  --color-DATAVIZ_COLORS_MAP-1: #24e0c5;
270
- --color-DATAVIZ_COLORS_MAP-2: #a193f2;
270
+ --color-DATAVIZ_COLORS_MAP-2: #d5a9ff;
271
271
  --color-DATAVIZ_COLORS_MAP-3: #ff76ae;
272
272
  --color-DATAVIZ_COLORS_MAP-4: #ffcd1c;
273
273
  --color-DATAVIZ_COLORS_MAP-5: #679eff;
@@ -276,7 +276,7 @@
276
276
  --color-DATAVIZ_COLORS_MAP-8: #ff9c5d;
277
277
  --color-DATAVIZ_COLORS_MAP-9: #db3e3e;
278
278
  --color-DATAVIZ_COLORS_MAP-10: #0b968f;
279
- --color-DATAVIZ_COLORS_MAP-11: #6f5ed3;
279
+ --color-DATAVIZ_COLORS_MAP-11: #9747ff;
280
280
  --color-DATAVIZ_COLORS_MAP-12: #ce3665;
281
281
  --color-DATAVIZ_COLORS_MAP-13: #ba7506;
282
282
  --color-DATAVIZ_COLORS_MAP-14: #205bc3;
@@ -331,44 +331,44 @@
331
331
  --color-listening-topicTypes-eventMonitoring: #33d6e2;
332
332
  --color-listening-topicTypes-featuredTopic: #75dd66;
333
333
  --color-listening-worldMap-empty: #dee1e1;
334
- --color-listening-worldMap-q0: #d8d7f9;
335
- --color-listening-worldMap-q1: #c1c1f7;
336
- --color-listening-worldMap-q2: #a193f2;
337
- --color-listening-worldMap-q3: #9180f4;
338
- --color-listening-worldMap-q4: #816fea;
339
- --color-listening-worldMap-q5: #6f5ed3;
340
- --color-listening-worldMap-q6: #5e4eba;
341
- --color-listening-worldMap-q7: #483a9c;
334
+ --color-listening-worldMap-q0: #efdbff;
335
+ --color-listening-worldMap-q1: #dfcbff;
336
+ --color-listening-worldMap-q2: #d5a9ff;
337
+ --color-listening-worldMap-q3: #b984ff;
338
+ --color-listening-worldMap-q4: #ae63ff;
339
+ --color-listening-worldMap-q5: #9747ff;
340
+ --color-listening-worldMap-q6: #813ae4;
341
+ --color-listening-worldMap-q7: #6726c2;
342
342
  --color-growth-carousel-indicator-active: #2b68d3;
343
343
  --color-growth-carousel-indicator-inactive: #c8cccc;
344
344
  --color-growth-education-decorative-aqua: #0797ae;
345
345
  --color-growth-education-decorative-teal: #08c4b2;
346
- --color-growth-opportunity-bg-base: #6f5ed3;
346
+ --color-growth-opportunity-bg-base: #9747ff;
347
347
  --color-growth-opportunity-bg-secondary: #515e5f;
348
- --color-growth-opportunity-bg-hover: #9180f4;
349
- --color-growth-opportunity-button-primary-base: #a193f2;
350
- --color-growth-opportunity-button-primary-hover: #c1c1f7;
351
- --color-growth-opportunity-badge-bg-base: #6f5ed3;
352
- --color-growth-opportunity-badge-bg-active: #eaeaf9;
353
- --color-growth-opportunity-badge-icon-base: #d8d7f9;
354
- --color-growth-opportunity-badge-icon-active: #5e4eba;
355
- --color-growth-opportunity-badge-text-base: #d8d7f9;
348
+ --color-growth-opportunity-bg-hover: #b984ff;
349
+ --color-growth-opportunity-button-primary-base: #d5a9ff;
350
+ --color-growth-opportunity-button-primary-hover: #dfcbff;
351
+ --color-growth-opportunity-badge-bg-base: #9747ff;
352
+ --color-growth-opportunity-badge-bg-active: #fff2ff;
353
+ --color-growth-opportunity-badge-icon-base: #efdbff;
354
+ --color-growth-opportunity-badge-icon-active: #813ae4;
355
+ --color-growth-opportunity-badge-text-base: #efdbff;
356
356
  --color-growth-opportunity-decorative-green: #0ca750;
357
357
  --color-growth-opportunity-decorative-lightAqua: #0797ae;
358
358
  --color-growth-opportunity-decorative-darkAqua: #002838;
359
- --color-growth-opportunity-decorative-purple: #6f5ed3;
359
+ --color-growth-opportunity-decorative-purple: #9747ff;
360
360
  --color-growth-featuredDemo-bg-primary-base: #679eff;
361
361
  --color-growth-featuredDemo-bg-primary-hover: #deebfe;
362
- --color-growth-featuredDemo-bg-secondary-base: #9180f4;
363
- --color-growth-featuredDemo-bg-secondary-hover: #eaeaf9;
362
+ --color-growth-featuredDemo-bg-secondary-base: #b984ff;
363
+ --color-growth-featuredDemo-bg-secondary-hover: #fff2ff;
364
364
  --color-growth-darkModal-bg-base: #002838;
365
365
  --color-growth-darkModal-text-base: #FFFFFF;
366
366
  --color-growth-darkModal-cards-bg-base: #FFFFFF;
367
- --color-growth-darkModal-cards-bg-hover: #eaeaf9;
367
+ --color-growth-darkModal-cards-bg-hover: #fff2ff;
368
368
  --color-growth-darkModal-cards-text-base: #364141;
369
369
  --color-growth-darkModal-cards-text-hover: #273333;
370
370
  --color-growth-darkModal-cards-border-base: #FFFFFF;
371
- --color-growth-darkModal-cards-border-hover: #6f5ed3;
371
+ --color-growth-darkModal-cards-border-hover: #9747ff;
372
372
  --color-growth-user-status-online: #0ca750;
373
373
  --color-cardControl-bg-base: #273333;
374
374
  --color-cardControl-bg-selected: #515e5f;
package/dist/legacy-light.css CHANGED
@@ -7,11 +7,11 @@
7
7
  --color-container-bg-warning: #fdefcd;
8
8
  --color-container-bg-error: #ffd5d2;
9
9
  --color-container-bg-info: #deebfe;
10
- --color-container-bg-opportunity: #eaeaf9;
10
+ --color-container-bg-opportunity: #fff2ff;
11
11
  --color-container-bg-danger: #ffd5d2;
12
12
  --color-container-bg-decorative-green: #d7f4d7;
13
13
  --color-container-bg-decorative-blue: #deebfe;
14
- --color-container-bg-decorative-purple: #eaeaf9;
14
+ --color-container-bg-decorative-purple: #fff2ff;
15
15
  --color-container-bg-decorative-yellow: #fdefcd;
16
16
  --color-container-bg-decorative-orange: #fcdccc;
17
17
  --color-container-bg-decorative-red: #ffd5d2;
@@ -32,10 +32,10 @@
32
32
  --color-container-border-error: #ed4c42;
33
33
  --color-container-border-danger: #ed4c42;
34
34
  --color-container-border-info: #2b68d3;
35
- --color-container-border-opportunity: #9180f4;
35
+ --color-container-border-opportunity: #b984ff;
36
36
  --color-container-border-decorative-green: #59cb59;
37
37
  --color-container-border-decorative-blue: #2b68d3;
38
- --color-container-border-decorative-purple: #9180f4;
38
+ --color-container-border-decorative-purple: #b984ff;
39
39
  --color-container-border-decorative-yellow: #ffbc00;
40
40
  --color-container-border-decorative-orange: #f57d33;
41
41
  --color-container-border-decorative-red: #ed4c42;
@@ -45,7 +45,7 @@
45
45
  --color-container-border-decorative-aqua: #17b8ce;
46
46
  --color-container-border-decorative-teal: #08c4b2;
47
47
  --color-container-border-selected: #364141;
48
- --color-container-border-ai_generated: #6f5ed3;
48
+ --color-container-border-ai_generated: #9747ff;
49
49
  --color-gradient-ai: radial-gradient(circle at bottom left, #205bc3 0%, #9747ff 61%, #f282f5 100%);
50
50
  --color-gradient-ai-subtle: radial-gradient(circle at bottom left, color-mix(in srgb, #205bc3, transparent 80%) 0%, color-mix(in srgb, #9747ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%);
51
51
  --color-gradient-ai-stop-1: #205bc3;
@@ -112,7 +112,7 @@
112
112
  --color-text-bg-selection: #a1c2f8;
113
113
  --color-text-decorative-green: #006b40;
114
114
  --color-text-decorative-blue: #0c3f89;
115
- --color-text-decorative-purple: #5e4eba;
115
+ --color-text-decorative-purple: #813ae4;
116
116
  --color-text-decorative-yellow: #944c0c;
117
117
  --color-text-decorative-orange: #962c0b;
118
118
  --color-text-decorative-red: #992222;
@@ -129,7 +129,7 @@
129
129
  --color-icon-error: #992222;
130
130
  --color-icon-danger: #992222;
131
131
  --color-icon-info: #0c3f89;
132
- --color-icon-opportunity: #5e4eba;
132
+ --color-icon-opportunity: #813ae4;
133
133
  --color-icon-applied: #205bc3;
134
134
  --color-icon-positive_sentiment: #2b68d3;
135
135
  --color-icon-negative_sentiment: #ed4c42;
@@ -203,7 +203,7 @@
203
203
  --color-network-bluesky: #1185FE;
204
204
  --color-network-bazaarvoice: #002E6E;
205
205
  --color-dataviz-map-1: #08c4b2;
206
- --color-dataviz-map-2: #6f5ed3;
206
+ --color-dataviz-map-2: #9747ff;
207
207
  --color-dataviz-map-3: #ce3665;
208
208
  --color-dataviz-map-4: #ffcd1c;
209
209
  --color-dataviz-map-5: #3876e3;
@@ -212,7 +212,7 @@
212
212
  --color-dataviz-map-8: #fc8943;
213
213
  --color-dataviz-map-9: #db3e3e;
214
214
  --color-dataviz-map-10: #026661;
215
- --color-dataviz-map-11: #a193f2;
215
+ --color-dataviz-map-11: #d5a9ff;
216
216
  --color-dataviz-map-12: #931847;
217
217
  --color-dataviz-map-13: #944c0c;
218
218
  --color-dataviz-map-14: #0c3f89;
@@ -223,7 +223,7 @@
223
223
  --color-dataviz-map-19: #0ca750;
224
224
  --color-dataviz-map-20: #ba7506;
225
225
  --color-dataviz-list-0: #08c4b2;
226
- --color-dataviz-list-1: #6f5ed3;
226
+ --color-dataviz-list-1: #9747ff;
227
227
  --color-dataviz-list-2: #ce3665;
228
228
  --color-dataviz-list-3: #ffcd1c;
229
229
  --color-dataviz-list-4: #3876e3;
@@ -232,7 +232,7 @@
232
232
  --color-dataviz-list-7: #fc8943;
233
233
  --color-dataviz-list-8: #db3e3e;
234
234
  --color-dataviz-list-9: #026661;
235
- --color-dataviz-list-10: #a193f2;
235
+ --color-dataviz-list-10: #d5a9ff;
236
236
  --color-dataviz-list-11: #931847;
237
237
  --color-dataviz-list-12: #944c0c;
238
238
  --color-dataviz-list-13: #0c3f89;
@@ -247,7 +247,7 @@
247
247
  --color-userStatus-offline: #ed4c42;
248
248
  --color-userStatus-unavailable: #6e797a;
249
249
  --color-DATAVIZ_COLORS_LIST-0: #08c4b2;
250
- --color-DATAVIZ_COLORS_LIST-1: #6f5ed3;
250
+ --color-DATAVIZ_COLORS_LIST-1: #9747ff;
251
251
  --color-DATAVIZ_COLORS_LIST-2: #ce3665;
252
252
  --color-DATAVIZ_COLORS_LIST-3: #ffcd1c;
253
253
  --color-DATAVIZ_COLORS_LIST-4: #3876e3;
@@ -256,7 +256,7 @@
256
256
  --color-DATAVIZ_COLORS_LIST-7: #fc8943;
257
257
  --color-DATAVIZ_COLORS_LIST-8: #db3e3e;
258
258
  --color-DATAVIZ_COLORS_LIST-9: #026661;
259
- --color-DATAVIZ_COLORS_LIST-10: #a193f2;
259
+ --color-DATAVIZ_COLORS_LIST-10: #d5a9ff;
260
260
  --color-DATAVIZ_COLORS_LIST-11: #931847;
261
261
  --color-DATAVIZ_COLORS_LIST-12: #944c0c;
262
262
  --color-DATAVIZ_COLORS_LIST-13: #0c3f89;
@@ -267,7 +267,7 @@
267
267
  --color-DATAVIZ_COLORS_LIST-18: #0ca750;
268
268
  --color-DATAVIZ_COLORS_LIST-19: #ba7506;
269
269
  --color-DATAVIZ_COLORS_MAP-1: #08c4b2;
270
- --color-DATAVIZ_COLORS_MAP-2: #6f5ed3;
270
+ --color-DATAVIZ_COLORS_MAP-2: #9747ff;
271
271
  --color-DATAVIZ_COLORS_MAP-3: #ce3665;
272
272
  --color-DATAVIZ_COLORS_MAP-4: #ffcd1c;
273
273
  --color-DATAVIZ_COLORS_MAP-5: #3876e3;
@@ -276,7 +276,7 @@
276
276
  --color-DATAVIZ_COLORS_MAP-8: #fc8943;
277
277
  --color-DATAVIZ_COLORS_MAP-9: #db3e3e;
278
278
  --color-DATAVIZ_COLORS_MAP-10: #026661;
279
- --color-DATAVIZ_COLORS_MAP-11: #a193f2;
279
+ --color-DATAVIZ_COLORS_MAP-11: #d5a9ff;
280
280
  --color-DATAVIZ_COLORS_MAP-12: #931847;
281
281
  --color-DATAVIZ_COLORS_MAP-13: #944c0c;
282
282
  --color-DATAVIZ_COLORS_MAP-14: #0c3f89;
@@ -331,44 +331,44 @@
331
331
  --color-listening-topicTypes-eventMonitoring: #33d6e2;
332
332
  --color-listening-topicTypes-featuredTopic: #75dd66;
333
333
  --color-listening-worldMap-empty: #dee1e1;
334
- --color-listening-worldMap-q0: #d8d7f9;
335
- --color-listening-worldMap-q1: #c1c1f7;
336
- --color-listening-worldMap-q2: #a193f2;
337
- --color-listening-worldMap-q3: #9180f4;
338
- --color-listening-worldMap-q4: #816fea;
339
- --color-listening-worldMap-q5: #6f5ed3;
340
- --color-listening-worldMap-q6: #5e4eba;
341
- --color-listening-worldMap-q7: #483a9c;
334
+ --color-listening-worldMap-q0: #efdbff;
335
+ --color-listening-worldMap-q1: #dfcbff;
336
+ --color-listening-worldMap-q2: #d5a9ff;
337
+ --color-listening-worldMap-q3: #b984ff;
338
+ --color-listening-worldMap-q4: #ae63ff;
339
+ --color-listening-worldMap-q5: #9747ff;
340
+ --color-listening-worldMap-q6: #813ae4;
341
+ --color-listening-worldMap-q7: #6726c2;
342
342
  --color-growth-carousel-indicator-active: #2b68d3;
343
343
  --color-growth-carousel-indicator-inactive: #c8cccc;
344
344
  --color-growth-education-decorative-aqua: #0797ae;
345
345
  --color-growth-education-decorative-teal: #0b968f;
346
- --color-growth-opportunity-bg-base: #6f5ed3;
346
+ --color-growth-opportunity-bg-base: #9747ff;
347
347
  --color-growth-opportunity-bg-secondary: #273333;
348
- --color-growth-opportunity-bg-hover: #c1c1f7;
349
- --color-growth-opportunity-button-primary-base: #6f5ed3;
350
- --color-growth-opportunity-button-primary-hover: #5e4eba;
351
- --color-growth-opportunity-badge-bg-base: #d8d7f9;
352
- --color-growth-opportunity-badge-bg-active: #5e4eba;
353
- --color-growth-opportunity-badge-icon-base: #6f5ed3;
354
- --color-growth-opportunity-badge-icon-active: #eaeaf9;
355
- --color-growth-opportunity-badge-text-base: #6f5ed3;
348
+ --color-growth-opportunity-bg-hover: #dfcbff;
349
+ --color-growth-opportunity-button-primary-base: #9747ff;
350
+ --color-growth-opportunity-button-primary-hover: #813ae4;
351
+ --color-growth-opportunity-badge-bg-base: #efdbff;
352
+ --color-growth-opportunity-badge-bg-active: #813ae4;
353
+ --color-growth-opportunity-badge-icon-base: #9747ff;
354
+ --color-growth-opportunity-badge-icon-active: #fff2ff;
355
+ --color-growth-opportunity-badge-text-base: #9747ff;
356
356
  --color-growth-opportunity-decorative-green: #0ca750;
357
357
  --color-growth-opportunity-decorative-lightAqua: #0797ae;
358
358
  --color-growth-opportunity-decorative-darkAqua: #002838;
359
- --color-growth-opportunity-decorative-purple: #6f5ed3;
359
+ --color-growth-opportunity-decorative-purple: #9747ff;
360
360
  --color-growth-featuredDemo-bg-primary-base: #205bc3;
361
361
  --color-growth-featuredDemo-bg-primary-hover: #0c3f89;
362
- --color-growth-featuredDemo-bg-secondary-base: #5e4eba;
363
- --color-growth-featuredDemo-bg-secondary-hover: #5e4eba;
362
+ --color-growth-featuredDemo-bg-secondary-base: #813ae4;
363
+ --color-growth-featuredDemo-bg-secondary-hover: #813ae4;
364
364
  --color-growth-darkModal-bg-base: #002838;
365
365
  --color-growth-darkModal-text-base: #FFFFFF;
366
366
  --color-growth-darkModal-cards-bg-base: #FFFFFF;
367
- --color-growth-darkModal-cards-bg-hover: #eaeaf9;
367
+ --color-growth-darkModal-cards-bg-hover: #fff2ff;
368
368
  --color-growth-darkModal-cards-text-base: #364141;
369
369
  --color-growth-darkModal-cards-text-hover: #273333;
370
370
  --color-growth-darkModal-cards-border-base: #FFFFFF;
371
- --color-growth-darkModal-cards-border-hover: #6f5ed3;
371
+ --color-growth-darkModal-cards-border-hover: #9747ff;
372
372
  --color-growth-user-status-online: #0ca750;
373
373
  --color-cardControl-bg-base: #FFFFFF;
374
374
  --color-cardControl-bg-selected: #364141;