@salesforcedevs/dx-css-variables 0.3.28 → 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 -13
- 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,14 +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
619
|
}
|
|
620
620
|
|
|
621
621
|
body.dark {
|
|
@@ -649,6 +649,12 @@ body.dark {
|
|
|
649
649
|
--dx-g-dark-mode-toggle-button-color: transparent;
|
|
650
650
|
--dx-g-dark-mode-toggle-icon: url("https://a.sfdcstatic.com/developer-website/images/sun-icon.png");
|
|
651
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
|
+
|
|
652
658
|
--dx-blog-grid-themed-left-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-left-dark-mode-2.svg");
|
|
653
659
|
--dx-blog-grid-themed-right-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-right-dark-mode.svg");
|
|
654
660
|
|
|
@@ -665,7 +671,7 @@ body.dark {
|
|
|
665
671
|
--dx-footer-themed-large-graphic: url('https://a.sfdcstatic.com/developer-website/images/footer_graphic_large_dark.svg');
|
|
666
672
|
|
|
667
673
|
--dx-g-background-color: var(--dx-g-blue-vibrant-10);
|
|
668
|
-
--dx-g-title-hover-color: var(--dx-g-blue-vibrant-
|
|
674
|
+
--dx-g-title-hover-color: var(--dx-g-blue-vibrant-70);
|
|
669
675
|
|
|
670
676
|
--dx-themed-featured-content-header-background-swoop: url("https://a.sfdcstatic.com/developer-website/images/swoop_dark_light.png");
|
|
671
677
|
--dx-themed-featured-content-header-background-swoop-intense: url("https://a.sfdcstatic.com/developer-website/images/swoop_dark_intense.png");
|
|
@@ -674,13 +680,8 @@ body.dark {
|
|
|
674
680
|
--dx-themed-featured-content-header-title-link-intense-color: white;
|
|
675
681
|
--dx-themed-featured-content-header-title-link-light-hover-color: var(--dx-g-indigo-vibrant-90);
|
|
676
682
|
--dx-themed-featured-content-header-title-link-intense-hover-color: var(--dx-g-indigo-vibrant-90);
|
|
677
|
-
--dx-themed-featured-content-header-intense-label-color:
|
|
678
|
-
--dx-themed-featured-content-header-button-color: var(--dx-g-blue-vibrant-50);
|
|
679
|
-
--dx-themed-featured-content-header-button-background-hover-color: var(--dx-g-blue-vibrant-80);
|
|
680
|
-
--dx-themed-featured-content-header-button-background-color: white;
|
|
683
|
+
--dx-themed-featured-content-header-intense-label-color: rgb(190 199 246);
|
|
681
684
|
|
|
682
685
|
--dx-g-text-body-color: white;
|
|
683
686
|
--dx-g-text-heading-color: white;
|
|
684
|
-
--dx-g-code-text-color: black;
|
|
685
|
-
--dx-g-blog-post-heading-color: white;
|
|
686
687
|
}
|