@salesforcedevs/dx-css-variables 0.3.20 → 0.3.22
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;
|
|
@@ -582,6 +565,10 @@
|
|
|
582
565
|
|
|
583
566
|
--dx-g-svg-filter: none;
|
|
584
567
|
|
|
568
|
+
--dx-g-dark-mode-toggle-button-border: none;
|
|
569
|
+
--dx-g-dark-mode-toggle-button-color: white;
|
|
570
|
+
--dx-g-dark-mode-toggle-icon: url("https://a.sfdcstatic.com/developer-website/images/moon-icon.png");
|
|
571
|
+
|
|
585
572
|
--dx-blog-grid-themed-left-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-left.svg");
|
|
586
573
|
--dx-blog-grid-themed-right-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-right.svg");
|
|
587
574
|
|
|
@@ -596,6 +583,21 @@
|
|
|
596
583
|
--dx-footer-themed-svg-background-color: white;
|
|
597
584
|
--dx-footer-themed-terms-and-conditions-background-color: var(--dx-g-blue-vibrant-20);
|
|
598
585
|
--dx-footer-themed-large-graphic: url('https://a.sfdcstatic.com/developer-website/images/footer-graphic-large-2.svg');
|
|
586
|
+
|
|
587
|
+
--dx-g-background-color: white;
|
|
588
|
+
--dx-g-title-hover-color: var(--dx-g-blue-vibrant-40);
|
|
589
|
+
|
|
590
|
+
--dx-themed-featured-content-header-background-swoop: url("https://a.sfdcstatic.com/developer-website/images/swoop_light_light.png");
|
|
591
|
+
--dx-themed-featured-content-header-background-swoop-intense: url("https://a.sfdcstatic.com/developer-website/images/swoop_light_intense.png");
|
|
592
|
+
--dx-themed-featured-content-header-text-color: var(--dx-g-indigo-vibrant-40);
|
|
593
|
+
--dx-themed-featured-content-header-title-link-light-color: var(--dx-g-blue-vibrant-20);
|
|
594
|
+
--dx-themed-featured-content-header-title-link-intense-color: white;
|
|
595
|
+
--dx-themed-featured-content-header-title-link-light-hover-color: var(--dx-g-blue-vibrant-10);
|
|
596
|
+
--dx-themed-featured-content-header-title-link-intense-hover-color: var(--dx-g-indigo-vibrant-90);
|
|
597
|
+
--dx-themed-featured-content-header-intense-label-color: rgb(190 199 246);
|
|
598
|
+
|
|
599
|
+
--dx-g-text-body-color: var(--dx-g-gray-10);
|
|
600
|
+
--dx-g-text-heading-color: var(--dx-g-blue-vibrant-20);
|
|
599
601
|
}
|
|
600
602
|
|
|
601
603
|
body.dark {
|
|
@@ -613,6 +615,10 @@ body.dark {
|
|
|
613
615
|
|
|
614
616
|
--dx-g-svg-filter: brightness(100);
|
|
615
617
|
|
|
618
|
+
--dx-g-dark-mode-toggle-button-border: 1px solid white;
|
|
619
|
+
--dx-g-dark-mode-toggle-button-color: transparent;
|
|
620
|
+
--dx-g-dark-mode-toggle-icon: url("https://a.sfdcstatic.com/developer-website/images/sun-icon.png");
|
|
621
|
+
|
|
616
622
|
--dx-blog-grid-themed-left-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-left-dark-mode-2.svg");
|
|
617
623
|
--dx-blog-grid-themed-right-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-right-dark-mode.svg");
|
|
618
624
|
|
|
@@ -642,5 +648,4 @@ body.dark {
|
|
|
642
648
|
|
|
643
649
|
--dx-g-text-body-color: white;
|
|
644
650
|
--dx-g-text-heading-color: white;
|
|
645
|
-
|
|
646
651
|
}
|