@salesforcedevs/dx-css-variables 0.3.21 → 0.3.23
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 +23 -18
- package/package.json +1 -1
package/assets/css/colors.css
CHANGED
|
@@ -549,23 +549,6 @@
|
|
|
549
549
|
/* COMMUNITY */
|
|
550
550
|
--dx-g-content-type-community_posts-color: var(--dx-g-cloud-blue-vibrant-40);
|
|
551
551
|
--dx-g-content-type-community_posts-color-background: var(--dx-g-cloud-blue-vibrant-95);
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
--dx-g-background-color: white;
|
|
556
|
-
--dx-g-title-hover-color: var(--dx-g-blue-vibrant-40);
|
|
557
|
-
|
|
558
|
-
--dx-themed-featured-content-header-background-swoop: url("https://a.sfdcstatic.com/developer-website/images/swoop_light_light.png");
|
|
559
|
-
--dx-themed-featured-content-header-background-swoop-intense: url("https://a.sfdcstatic.com/developer-website/images/swoop_light_intense.png");
|
|
560
|
-
--dx-themed-featured-content-header-text-color: var(--dx-g-indigo-vibrant-40);
|
|
561
|
-
--dx-themed-featured-content-header-title-link-light-color: var(--dx-g-blue-vibrant-20);
|
|
562
|
-
--dx-themed-featured-content-header-title-link-intense-color: white;
|
|
563
|
-
--dx-themed-featured-content-header-title-link-light-hover-color: var(--dx-g-blue-vibrant-10);
|
|
564
|
-
--dx-themed-featured-content-header-title-link-intense-hover-color: var(--dx-g-indigo-vibrant-90);
|
|
565
|
-
--dx-themed-featured-content-header-intense-label-color: rgb(190 199 246);
|
|
566
|
-
|
|
567
|
-
--dx-g-text-heading-color: var(--dx-g-blue-vibrant-20);
|
|
568
|
-
--dx-g-text-body-color: var(--dx-g-gray-10);
|
|
569
552
|
|
|
570
553
|
/* Defaults for no Dark/Light theme pages */
|
|
571
554
|
--dx-g-body-background-color: white;
|
|
@@ -592,6 +575,10 @@
|
|
|
592
575
|
|
|
593
576
|
--dx-g-svg-filter: none;
|
|
594
577
|
|
|
578
|
+
--dx-g-dark-mode-toggle-button-border: none;
|
|
579
|
+
--dx-g-dark-mode-toggle-button-color: white;
|
|
580
|
+
--dx-g-dark-mode-toggle-icon: url("https://a.sfdcstatic.com/developer-website/images/moon-icon.png");
|
|
581
|
+
|
|
595
582
|
--dx-blog-grid-themed-left-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-left.svg");
|
|
596
583
|
--dx-blog-grid-themed-right-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-right.svg");
|
|
597
584
|
|
|
@@ -606,6 +593,21 @@
|
|
|
606
593
|
--dx-footer-themed-svg-background-color: white;
|
|
607
594
|
--dx-footer-themed-terms-and-conditions-background-color: var(--dx-g-blue-vibrant-20);
|
|
608
595
|
--dx-footer-themed-large-graphic: url('https://a.sfdcstatic.com/developer-website/images/footer-graphic-large-2.svg');
|
|
596
|
+
|
|
597
|
+
--dx-g-background-color: white;
|
|
598
|
+
--dx-g-title-hover-color: var(--dx-g-blue-vibrant-40);
|
|
599
|
+
|
|
600
|
+
--dx-themed-featured-content-header-background-swoop: url("https://a.sfdcstatic.com/developer-website/images/swoop_light_light.png");
|
|
601
|
+
--dx-themed-featured-content-header-background-swoop-intense: url("https://a.sfdcstatic.com/developer-website/images/swoop_light_intense.png");
|
|
602
|
+
--dx-themed-featured-content-header-text-color: var(--dx-g-indigo-vibrant-40);
|
|
603
|
+
--dx-themed-featured-content-header-title-link-light-color: var(--dx-g-blue-vibrant-20);
|
|
604
|
+
--dx-themed-featured-content-header-title-link-intense-color: white;
|
|
605
|
+
--dx-themed-featured-content-header-title-link-light-hover-color: var(--dx-g-blue-vibrant-10);
|
|
606
|
+
--dx-themed-featured-content-header-title-link-intense-hover-color: var(--dx-g-indigo-vibrant-90);
|
|
607
|
+
--dx-themed-featured-content-header-intense-label-color: rgb(190 199 246);
|
|
608
|
+
|
|
609
|
+
--dx-g-text-body-color: var(--dx-g-gray-10);
|
|
610
|
+
--dx-g-text-heading-color: var(--dx-g-blue-vibrant-20);
|
|
609
611
|
}
|
|
610
612
|
|
|
611
613
|
body.dark {
|
|
@@ -633,6 +635,10 @@ body.dark {
|
|
|
633
635
|
|
|
634
636
|
--dx-g-svg-filter: brightness(100);
|
|
635
637
|
|
|
638
|
+
--dx-g-dark-mode-toggle-button-border: 1px solid white;
|
|
639
|
+
--dx-g-dark-mode-toggle-button-color: transparent;
|
|
640
|
+
--dx-g-dark-mode-toggle-icon: url("https://a.sfdcstatic.com/developer-website/images/sun-icon.png");
|
|
641
|
+
|
|
636
642
|
--dx-blog-grid-themed-left-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-left-dark-mode-2.svg");
|
|
637
643
|
--dx-blog-grid-themed-right-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-right-dark-mode.svg");
|
|
638
644
|
|
|
@@ -662,5 +668,4 @@ body.dark {
|
|
|
662
668
|
|
|
663
669
|
--dx-g-text-body-color: white;
|
|
664
670
|
--dx-g-text-heading-color: white;
|
|
665
|
-
|
|
666
671
|
}
|