@salesforcedevs/dx-css-variables 0.3.14 → 0.3.16
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 +34 -16
- package/package.json +1 -1
package/assets/css/colors.css
CHANGED
|
@@ -318,6 +318,7 @@
|
|
|
318
318
|
/* TEXT COLORS */
|
|
319
319
|
/* ----------- */
|
|
320
320
|
|
|
321
|
+
--dx-g-text-label-color: var(--dx-g-gray-30);
|
|
321
322
|
--dx-g-text-button-color: var(--dx-g-blue-vibrant-50);
|
|
322
323
|
--dx-g-text-button-light-color: white;
|
|
323
324
|
|
|
@@ -550,16 +551,25 @@
|
|
|
550
551
|
/* COMMUNITY */
|
|
551
552
|
--dx-g-content-type-community_posts-color: var(--dx-g-cloud-blue-vibrant-40);
|
|
552
553
|
--dx-g-content-type-community_posts-color-background: var(--dx-g-cloud-blue-vibrant-95);
|
|
553
|
-
|
|
554
|
-
/* Defaults for no Dark/Light theme pages */
|
|
555
|
-
--dx-g-body-background-color: white;
|
|
556
554
|
|
|
557
|
-
|
|
555
|
+
|
|
556
|
+
|
|
557
|
+
--dx-g-background-color: white;
|
|
558
|
+
--dx-g-title-hover-color: var(--dx-g-blue-vibrant-40);
|
|
559
|
+
|
|
560
|
+
--dx-themed-featured-content-header-background-swoop: url("https://a.sfdcstatic.com/developer-website/images/swoop_light_light.png");
|
|
561
|
+
--dx-themed-featured-content-header-background-swoop-intense: url("https://a.sfdcstatic.com/developer-website/images/swoop_light_intense.png");
|
|
562
|
+
--dx-themed-featured-content-header-text-color: var(--dx-g-indigo-vibrant-40);
|
|
563
|
+
--dx-themed-featured-content-header-title-link-light-color: var(--dx-g-blue-vibrant-20);
|
|
564
|
+
--dx-themed-featured-content-header-title-link-intense-color: white;
|
|
565
|
+
--dx-themed-featured-content-header-title-link-light-hover-color: var(--dx-g-blue-vibrant-10);
|
|
566
|
+
--dx-themed-featured-content-header-title-link-intense-hover-color: var(--dx-g-indigo-vibrant-90);
|
|
567
|
+
--dx-themed-featured-content-header-intense-label-color: rgb(190 199 246);
|
|
568
|
+
|
|
558
569
|
--dx-g-text-heading-color: var(--dx-g-blue-vibrant-20);
|
|
559
570
|
--dx-g-text-body-color: var(--dx-g-gray-10);
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
571
|
+
|
|
572
|
+
/* Defaults for no Dark/Light theme pages */
|
|
563
573
|
--dx-footer-themed-background-color: var(--dx-g-indigo-vibrant-95);
|
|
564
574
|
--dx-footer-themed-top-background-color: var(--dx-g-indigo-vibrant-95);
|
|
565
575
|
--dx-footer-themed-top-large-background-color: white;
|
|
@@ -575,14 +585,6 @@
|
|
|
575
585
|
}
|
|
576
586
|
|
|
577
587
|
body.dark {
|
|
578
|
-
--dx-g-body-background-color: var(--dx-g-blue-vibrant-10);
|
|
579
|
-
|
|
580
|
-
--dx-g-text-label-color: white;
|
|
581
|
-
--dx-g-text-heading-color: white;
|
|
582
|
-
--dx-g-text-body-color: white;
|
|
583
|
-
--dx-g-link-hover-color: var(--dx-g-blue-vibrant-80);
|
|
584
|
-
--dx-card-title-hover-color: var(--dx-g-blue-vibrant-80);
|
|
585
|
-
|
|
586
588
|
--dx-footer-themed-background-color: var(--dx-g-blue-vibrant-20);
|
|
587
589
|
--dx-footer-themed-top-background-color: var(--dx-g-blue-vibrant-20);
|
|
588
590
|
--dx-footer-themed-top-large-background-color: var(--dx-g-blue-vibrant-10);
|
|
@@ -595,4 +597,20 @@ body.dark {
|
|
|
595
597
|
--dx-footer-themed-svg-filter: brightness(100);
|
|
596
598
|
--dx-footer-themed-terms-and-conditions-background-color: var(--dx-g-blue-vibrant-10);
|
|
597
599
|
--dx-footer-themed-large-graphic: url('https://a.sfdcstatic.com/developer-website/images/footer_graphic_large_dark.svg');
|
|
598
|
-
|
|
600
|
+
|
|
601
|
+
--dx-g-background-color: var(--dx-g-blue-vibrant-10);
|
|
602
|
+
--dx-g-title-hover-color: var(--dx-g-blue-vibrant-70);
|
|
603
|
+
|
|
604
|
+
--dx-themed-featured-content-header-background-swoop: url("https://a.sfdcstatic.com/developer-website/images/swoop_dark_light.png");
|
|
605
|
+
--dx-themed-featured-content-header-background-swoop-intense: url("https://a.sfdcstatic.com/developer-website/images/swoop_dark_intense.png");
|
|
606
|
+
--dx-themed-featured-content-header-text-color: white;
|
|
607
|
+
--dx-themed-featured-content-header-title-link-light-color: white;
|
|
608
|
+
--dx-themed-featured-content-header-title-link-intense-color: white;
|
|
609
|
+
--dx-themed-featured-content-header-title-link-light-hover-color: var(--dx-g-indigo-vibrant-90);
|
|
610
|
+
--dx-themed-featured-content-header-title-link-intense-hover-color: var(--dx-g-indigo-vibrant-90);
|
|
611
|
+
--dx-themed-featured-content-header-intense-label-color: rgb(190 199 246);
|
|
612
|
+
|
|
613
|
+
--dx-g-text-body-color: white;
|
|
614
|
+
--dx-g-text-heading-color: white;
|
|
615
|
+
|
|
616
|
+
}
|