@salesforcedevs/dx-css-variables 0.1.28 → 0.2.1
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.
- package/assets/css/colors.css +39 -1
- package/package.json +1 -1
package/assets/css/colors.css
CHANGED
|
@@ -278,6 +278,7 @@
|
|
|
278
278
|
--dx-g-red-natural-10: rgba(41, 17, 10, 1);
|
|
279
279
|
--dx-g-gray-95: rgba(243, 243, 243, 1);
|
|
280
280
|
--dx-g-gray-90: rgba(229, 229, 229, 1);
|
|
281
|
+
--dx-g-gray-80: rgba(201, 201, 201, 1);
|
|
281
282
|
--dx-g-gray-60: rgba(147, 147, 147, 1);
|
|
282
283
|
--dx-g-gray-50: rgba(116, 116, 116, 1);
|
|
283
284
|
--dx-g-gray-30: rgba(68, 68, 68, 1);
|
|
@@ -296,6 +297,7 @@
|
|
|
296
297
|
--sds-g-gray-11: rgba(62, 62, 60, 1);
|
|
297
298
|
--sds-g-gray-12: rgba(43, 40, 38, 1);
|
|
298
299
|
--sds-g-gray-13: rgba(8, 7, 7, 1);
|
|
300
|
+
--sds-g-gray-14: rgba(92, 92, 92, 1);
|
|
299
301
|
|
|
300
302
|
/* ----------- */
|
|
301
303
|
/* TEXT COLORS */
|
|
@@ -308,7 +310,7 @@
|
|
|
308
310
|
--dx-g-text-button-light-color: white;
|
|
309
311
|
|
|
310
312
|
/* ------ */
|
|
311
|
-
/* THEMES */
|
|
313
|
+
/* BRAND THEMES */
|
|
312
314
|
/* ------ */
|
|
313
315
|
|
|
314
316
|
/* DEFAULT THEME (BRANDLESS) */
|
|
@@ -483,4 +485,40 @@
|
|
|
483
485
|
|
|
484
486
|
/* SLACK */
|
|
485
487
|
--dx-g-brand-slack-color-background: rgba(74, 21,75, 1);
|
|
488
|
+
|
|
489
|
+
/* ------ */
|
|
490
|
+
/* CONTENT TYPE THEMES */
|
|
491
|
+
/* ------ */
|
|
492
|
+
|
|
493
|
+
/* DOCUMENTATION */
|
|
494
|
+
--dx-g-content-type-documentation-color: var(--dx-g-blue-vibrant-40);
|
|
495
|
+
--dx-g-content-type-documentation-color-background: var(--dx-g-blue-vibrant-95);
|
|
496
|
+
|
|
497
|
+
/* TRAILHEAD */
|
|
498
|
+
--dx-g-content-type-trailhead-color: var(--dx-g-brand-learning-color);
|
|
499
|
+
--dx-g-content-type-trailhead-color-background: var(--dx-g-brand-learning-color-background);
|
|
500
|
+
|
|
501
|
+
/* BLOG */
|
|
502
|
+
--dx-g-content-type-blog-color: var(--dx-g-teal-vibrant-40);
|
|
503
|
+
--dx-g-content-type-blog-color-background: var(--dx-g-teal-vibrant-95);
|
|
504
|
+
|
|
505
|
+
/* FORUM */
|
|
506
|
+
--dx-g-content-type-forum-color: var(--dx-g-yellow-vibrant-40);
|
|
507
|
+
--dx-g-content-type-forum-color-background: var(--dx-g-yellow-vibrant-95);
|
|
508
|
+
|
|
509
|
+
/* API */
|
|
510
|
+
--dx-g-content-type-api-color: var(--dx-g-pink-vibrant-40);
|
|
511
|
+
--dx-g-content-type-api-color-background: var(--dx-g-pink-vibrant-95);
|
|
512
|
+
|
|
513
|
+
/* EVENT */
|
|
514
|
+
--dx-g-content-type-event-color: var(--dx-g-red-vibrant-40);
|
|
515
|
+
--dx-g-content-type-event-color-background: var(--dx-g-red-vibrant-95);
|
|
516
|
+
|
|
517
|
+
/* WEBSITE */
|
|
518
|
+
--dx-g-content-type-website-color: var(--dx-g-indigo-vibrant-40);
|
|
519
|
+
--dx-g-content-type-website-color-background: var(--dx-g-indigo-vibrant-95);
|
|
520
|
+
|
|
521
|
+
/* PODCAST */
|
|
522
|
+
--dx-g-content-type-podcast-color: var(--dx-g-purple-vibrant-40);
|
|
523
|
+
--dx-g-content-type-podcast-color-background: var(--dx-g-purple-vibrant-95);
|
|
486
524
|
}
|