@salesforcedevs/dx-css-variables 0.3.18 → 0.3.19
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 +18 -36
- package/package.json +1 -1
package/assets/css/colors.css
CHANGED
|
@@ -317,6 +317,7 @@
|
|
|
317
317
|
/* ----------- */
|
|
318
318
|
/* TEXT COLORS */
|
|
319
319
|
/* ----------- */
|
|
320
|
+
|
|
320
321
|
--dx-g-text-button-color: var(--dx-g-blue-vibrant-50);
|
|
321
322
|
--dx-g-text-button-light-color: white;
|
|
322
323
|
|
|
@@ -549,23 +550,6 @@
|
|
|
549
550
|
/* COMMUNITY */
|
|
550
551
|
--dx-g-content-type-community_posts-color: var(--dx-g-cloud-blue-vibrant-40);
|
|
551
552
|
--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
553
|
|
|
570
554
|
/* Defaults for no Dark/Light theme pages */
|
|
571
555
|
--dx-g-body-background-color: white;
|
|
@@ -576,6 +560,14 @@
|
|
|
576
560
|
--dx-g-link-hover-color: var(--dx-g-blue-vibrant-40);
|
|
577
561
|
--dx-card-title-hover-color: var(--dx-g-blue-vibrant-50);
|
|
578
562
|
|
|
563
|
+
--dx-g-button-primary-color: var(--dx-g-blue-vibrant-50);
|
|
564
|
+
--dx-g-button-secondary-color-hover: var(--dx-g-cloud-blue-vibrant-90);
|
|
565
|
+
|
|
566
|
+
--dx-g-svg-filter: none;
|
|
567
|
+
|
|
568
|
+
--dx-blog-grid-themed-left-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-left.svg");
|
|
569
|
+
--dx-blog-grid-themed-right-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-right.svg");
|
|
570
|
+
|
|
579
571
|
--dx-footer-themed-background-color: var(--dx-g-indigo-vibrant-95);
|
|
580
572
|
--dx-footer-themed-top-background-color: var(--dx-g-indigo-vibrant-95);
|
|
581
573
|
--dx-footer-themed-top-large-background-color: white;
|
|
@@ -585,7 +577,6 @@
|
|
|
585
577
|
--dx-footer-themed-header-link-hover-color: var(--dx-g-blue-vibrant-20);
|
|
586
578
|
--dx-footer-themed-svg-icon-color: var(--dx-g-blue-vibrant-20);
|
|
587
579
|
--dx-footer-themed-svg-background-color: white;
|
|
588
|
-
--dx-footer-themed-svg-filter: none;
|
|
589
580
|
--dx-footer-themed-terms-and-conditions-background-color: var(--dx-g-blue-vibrant-20);
|
|
590
581
|
--dx-footer-themed-large-graphic: url('https://a.sfdcstatic.com/developer-website/images/footer-graphic-large-2.svg');
|
|
591
582
|
}
|
|
@@ -599,6 +590,14 @@ body.dark {
|
|
|
599
590
|
--dx-g-link-hover-color: var(--dx-g-blue-vibrant-80);
|
|
600
591
|
--dx-card-title-hover-color: var(--dx-g-blue-vibrant-80);
|
|
601
592
|
|
|
593
|
+
--dx-g-button-primary-color: white;
|
|
594
|
+
--dx-g-button-secondary-color-hover: var(--dx-g-blue-vibrant-80);
|
|
595
|
+
|
|
596
|
+
--dx-g-svg-filter: brightness(100);
|
|
597
|
+
|
|
598
|
+
--dx-blog-grid-themed-left-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-left-dark-mode-2.svg");
|
|
599
|
+
--dx-blog-grid-themed-right-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-right-dark-mode.svg");
|
|
600
|
+
|
|
602
601
|
--dx-footer-themed-background-color: var(--dx-g-blue-vibrant-20);
|
|
603
602
|
--dx-footer-themed-top-background-color: var(--dx-g-blue-vibrant-20);
|
|
604
603
|
--dx-footer-themed-top-large-background-color: var(--dx-g-blue-vibrant-10);
|
|
@@ -608,23 +607,6 @@ body.dark {
|
|
|
608
607
|
--dx-footer-themed-header-link-hover-color: var(--dx-g-blue-vibrant-80);
|
|
609
608
|
--dx-footer-themed-svg-icon-color: white;
|
|
610
609
|
--dx-footer-themed-svg-background-color: var(--dx-g-blue-vibrant-20);
|
|
611
|
-
--dx-footer-themed-svg-filter: brightness(100);
|
|
612
610
|
--dx-footer-themed-terms-and-conditions-background-color: var(--dx-g-blue-vibrant-10);
|
|
613
611
|
--dx-footer-themed-large-graphic: url('https://a.sfdcstatic.com/developer-website/images/footer_graphic_large_dark.svg');
|
|
614
|
-
|
|
615
|
-
--dx-g-background-color: var(--dx-g-blue-vibrant-10);
|
|
616
|
-
--dx-g-title-hover-color: var(--dx-g-blue-vibrant-70);
|
|
617
|
-
|
|
618
|
-
--dx-themed-featured-content-header-background-swoop: url("https://a.sfdcstatic.com/developer-website/images/swoop_dark_light.png");
|
|
619
|
-
--dx-themed-featured-content-header-background-swoop-intense: url("https://a.sfdcstatic.com/developer-website/images/swoop_dark_intense.png");
|
|
620
|
-
--dx-themed-featured-content-header-text-color: white;
|
|
621
|
-
--dx-themed-featured-content-header-title-link-light-color: white;
|
|
622
|
-
--dx-themed-featured-content-header-title-link-intense-color: white;
|
|
623
|
-
--dx-themed-featured-content-header-title-link-light-hover-color: var(--dx-g-indigo-vibrant-90);
|
|
624
|
-
--dx-themed-featured-content-header-title-link-intense-hover-color: var(--dx-g-indigo-vibrant-90);
|
|
625
|
-
--dx-themed-featured-content-header-intense-label-color: rgb(190 199 246);
|
|
626
|
-
|
|
627
|
-
--dx-g-text-body-color: white;
|
|
628
|
-
--dx-g-text-heading-color: white;
|
|
629
|
-
|
|
630
|
-
}
|
|
612
|
+
}
|