@salesforcedevs/dx-css-variables 0.3.31 → 0.3.33
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 +10 -0
- package/package.json +1 -1
package/assets/css/colors.css
CHANGED
|
@@ -569,6 +569,8 @@
|
|
|
569
569
|
--dx-g-audio-threedot-menu-text-color: initial;
|
|
570
570
|
--dx-g-audio-button-hover-color: var(--sds-g-gray-4);
|
|
571
571
|
|
|
572
|
+
--dx-g-blog-post-hr-color: currentcolor;
|
|
573
|
+
|
|
572
574
|
--dx-g-button-primary-color: var(--dx-g-blue-vibrant-50);
|
|
573
575
|
--dx-g-button-secondary-color: var(--dx-g-blue-vibrant-50);
|
|
574
576
|
--dx-g-button-secondary-color-hover: var(--dx-g-cloud-blue-vibrant-90);
|
|
@@ -614,6 +616,9 @@
|
|
|
614
616
|
--dx-themed-featured-content-header-title-link-light-hover-color: var(--dx-g-blue-vibrant-10);
|
|
615
617
|
--dx-themed-featured-content-header-title-link-intense-hover-color: var(--dx-g-indigo-vibrant-90);
|
|
616
618
|
--dx-themed-featured-content-header-intense-label-color: rgb(190 199 246);
|
|
619
|
+
--dx-themed-featured-content-header-button-color: white;
|
|
620
|
+
--dx-themed-featured-content-header-button-background-color: var(--dx-g-blue-vibrant-50);
|
|
621
|
+
--dx-themed-featured-content-header-button-background-hover-color: var(--dx-g-blue-vibrant-40);
|
|
617
622
|
}
|
|
618
623
|
|
|
619
624
|
body.dark {
|
|
@@ -635,6 +640,8 @@ body.dark {
|
|
|
635
640
|
--dx-g-audio-threedot-menu-text-color: white;
|
|
636
641
|
--dx-g-audio-button-hover-color: var(--dx-g-blue-vibrant-80);
|
|
637
642
|
|
|
643
|
+
--dx-g-blog-post-hr-color: white;
|
|
644
|
+
|
|
638
645
|
--dx-g-button-primary-color: var(--dx-g-blue-vibrant-50);
|
|
639
646
|
--dx-g-button-icon-color: white;
|
|
640
647
|
--dx-g-button-secondary-color: white;
|
|
@@ -680,4 +687,7 @@ body.dark {
|
|
|
680
687
|
--dx-themed-featured-content-header-title-link-light-hover-color: var(--dx-g-indigo-vibrant-90);
|
|
681
688
|
--dx-themed-featured-content-header-title-link-intense-hover-color: var(--dx-g-indigo-vibrant-90);
|
|
682
689
|
--dx-themed-featured-content-header-intense-label-color: rgb(190 199 246);
|
|
690
|
+
--dx-themed-featured-content-header-button-color: var(--dx-g-blue-vibrant-50);
|
|
691
|
+
--dx-themed-featured-content-header-button-background-color: white;
|
|
692
|
+
--dx-themed-featured-content-header-button-background-hover-color: var(--dx-g-blue-vibrant-80);
|
|
683
693
|
}
|