@salesforcedevs/dx-css-variables 0.3.29 → 0.3.30
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 +14 -15
- package/package.json +1 -1
package/assets/css/colors.css
CHANGED
|
@@ -575,13 +575,18 @@
|
|
|
575
575
|
--dx-g-button-inline-color: var(--dx-g-blue-vibrant-50);
|
|
576
576
|
--dx-g-button-inline-color-hover: var(--dx-g-blue-vibrant-30);
|
|
577
577
|
|
|
578
|
-
|
|
579
578
|
--dx-g-svg-filter: none;
|
|
580
579
|
|
|
581
580
|
--dx-g-dark-mode-toggle-button-border: none;
|
|
582
581
|
--dx-g-dark-mode-toggle-button-color: white;
|
|
583
582
|
--dx-g-dark-mode-toggle-icon: url("https://a.sfdcstatic.com/developer-website/images/moon-icon.png");
|
|
584
583
|
|
|
584
|
+
--dx-g-language-picker-background-color: white;
|
|
585
|
+
--dx-g-language-picker-font-color: #747474;
|
|
586
|
+
--dx-g-language-picker-option-hover-color: var(--sds-g-gray-4);
|
|
587
|
+
--dx-g-language-picker-option-color: #181818;
|
|
588
|
+
--dx-g-language-picker-checkmark-color: var(--dx-g-indigo-vibrant-50);
|
|
589
|
+
|
|
585
590
|
--dx-blog-grid-themed-left-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-left.svg");
|
|
586
591
|
--dx-blog-grid-themed-right-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-right.svg");
|
|
587
592
|
|
|
@@ -608,15 +613,9 @@
|
|
|
608
613
|
--dx-themed-featured-content-header-title-link-light-hover-color: var(--dx-g-blue-vibrant-10);
|
|
609
614
|
--dx-themed-featured-content-header-title-link-intense-hover-color: var(--dx-g-indigo-vibrant-90);
|
|
610
615
|
--dx-themed-featured-content-header-intense-label-color: rgb(190 199 246);
|
|
611
|
-
--dx-themed-featured-content-header-button-color: white;
|
|
612
|
-
--dx-themed-featured-content-header-button-background-hover-color: var(--dx-g-cloud-blue-vibrant-40);
|
|
613
|
-
--dx-themed-featured-content-header-button-background-color: var(--dx-g-blue-vibrant-50);
|
|
614
616
|
|
|
615
617
|
--dx-g-text-body-color: var(--dx-g-gray-10);
|
|
616
618
|
--dx-g-text-heading-color: var(--dx-g-blue-vibrant-20);
|
|
617
|
-
--dx-g-code-text-color: var(--dx-g-gray-10);
|
|
618
|
-
--dx-g-blog-post-heading-color: currentcolor;
|
|
619
|
-
--dx-g-blog-post-hr-color: var(--dx-g-blue-vibrant-20);
|
|
620
619
|
}
|
|
621
620
|
|
|
622
621
|
body.dark {
|
|
@@ -650,6 +649,12 @@ body.dark {
|
|
|
650
649
|
--dx-g-dark-mode-toggle-button-color: transparent;
|
|
651
650
|
--dx-g-dark-mode-toggle-icon: url("https://a.sfdcstatic.com/developer-website/images/sun-icon.png");
|
|
652
651
|
|
|
652
|
+
--dx-g-language-picker-background-color: var(--dx-g-indigo-vibrant-50);
|
|
653
|
+
--dx-g-language-picker-font-color: white;
|
|
654
|
+
--dx-g-language-picker-option-hover-color: var(--dx-g-blue-vibrant-10);
|
|
655
|
+
--dx-g-language-picker-option-color: white;
|
|
656
|
+
--dx-g-language-picker-checkmark-color: white;
|
|
657
|
+
|
|
653
658
|
--dx-blog-grid-themed-left-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-left-dark-mode-2.svg");
|
|
654
659
|
--dx-blog-grid-themed-right-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-right-dark-mode.svg");
|
|
655
660
|
|
|
@@ -666,7 +671,7 @@ body.dark {
|
|
|
666
671
|
--dx-footer-themed-large-graphic: url('https://a.sfdcstatic.com/developer-website/images/footer_graphic_large_dark.svg');
|
|
667
672
|
|
|
668
673
|
--dx-g-background-color: var(--dx-g-blue-vibrant-10);
|
|
669
|
-
--dx-g-title-hover-color: var(--dx-g-blue-vibrant-
|
|
674
|
+
--dx-g-title-hover-color: var(--dx-g-blue-vibrant-70);
|
|
670
675
|
|
|
671
676
|
--dx-themed-featured-content-header-background-swoop: url("https://a.sfdcstatic.com/developer-website/images/swoop_dark_light.png");
|
|
672
677
|
--dx-themed-featured-content-header-background-swoop-intense: url("https://a.sfdcstatic.com/developer-website/images/swoop_dark_intense.png");
|
|
@@ -675,14 +680,8 @@ body.dark {
|
|
|
675
680
|
--dx-themed-featured-content-header-title-link-intense-color: white;
|
|
676
681
|
--dx-themed-featured-content-header-title-link-light-hover-color: var(--dx-g-indigo-vibrant-90);
|
|
677
682
|
--dx-themed-featured-content-header-title-link-intense-hover-color: var(--dx-g-indigo-vibrant-90);
|
|
678
|
-
--dx-themed-featured-content-header-intense-label-color:
|
|
679
|
-
--dx-themed-featured-content-header-button-color: var(--dx-g-blue-vibrant-50);
|
|
680
|
-
--dx-themed-featured-content-header-button-background-hover-color: var(--dx-g-blue-vibrant-80);
|
|
681
|
-
--dx-themed-featured-content-header-button-background-color: white;
|
|
683
|
+
--dx-themed-featured-content-header-intense-label-color: rgb(190 199 246);
|
|
682
684
|
|
|
683
685
|
--dx-g-text-body-color: white;
|
|
684
686
|
--dx-g-text-heading-color: white;
|
|
685
|
-
--dx-g-code-text-color: black;
|
|
686
|
-
--dx-g-blog-post-heading-color: white;
|
|
687
|
-
--dx-g-blog-post-hr-color: white;
|
|
688
687
|
}
|