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