@salesforcedevs/dx-css-variables 0.3.14 → 0.3.15
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 +30 -16
- package/package.json +1 -1
package/assets/css/colors.css
CHANGED
|
@@ -318,6 +318,7 @@
|
|
|
318
318
|
/* TEXT COLORS */
|
|
319
319
|
/* ----------- */
|
|
320
320
|
|
|
321
|
+
--dx-g-text-label-color: var(--dx-g-gray-30);
|
|
321
322
|
--dx-g-text-button-color: var(--dx-g-blue-vibrant-50);
|
|
322
323
|
--dx-g-text-button-light-color: white;
|
|
323
324
|
|
|
@@ -550,16 +551,23 @@
|
|
|
550
551
|
/* COMMUNITY */
|
|
551
552
|
--dx-g-content-type-community_posts-color: var(--dx-g-cloud-blue-vibrant-40);
|
|
552
553
|
--dx-g-content-type-community_posts-color-background: var(--dx-g-cloud-blue-vibrant-95);
|
|
553
|
-
|
|
554
|
-
/* Defaults for no Dark/Light theme pages */
|
|
555
|
-
--dx-g-body-background-color: white;
|
|
556
554
|
|
|
557
|
-
|
|
555
|
+
|
|
556
|
+
|
|
557
|
+
--dx-g-background-color: white;
|
|
558
|
+
--dx-g-title-hover-color: var(--dx-g-blue-vibrant-40);
|
|
559
|
+
|
|
560
|
+
--dx-themed-featured-content-header-background-swoop: url("https://a.sfdcstatic.com/developer-website/images/swoop_light_light.png");
|
|
561
|
+
--dx-themed-featured-content-header-background-swoop-intense: url("https://a.sfdcstatic.com/developer-website/images/swoop_light_intense.png");
|
|
562
|
+
--dx-themed-featured-content-header-text-color: var(--dx-g-indigo-vibrant-40);
|
|
563
|
+
--dx-themed-featured-content-header-title-link-light-hover-color: var(--dx-g-blue-vibrant-40);
|
|
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
|
+
|
|
558
567
|
--dx-g-text-heading-color: var(--dx-g-blue-vibrant-20);
|
|
559
568
|
--dx-g-text-body-color: var(--dx-g-gray-10);
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
569
|
+
|
|
570
|
+
/* Defaults for no Dark/Light theme pages */
|
|
563
571
|
--dx-footer-themed-background-color: var(--dx-g-indigo-vibrant-95);
|
|
564
572
|
--dx-footer-themed-top-background-color: var(--dx-g-indigo-vibrant-95);
|
|
565
573
|
--dx-footer-themed-top-large-background-color: white;
|
|
@@ -575,14 +583,6 @@
|
|
|
575
583
|
}
|
|
576
584
|
|
|
577
585
|
body.dark {
|
|
578
|
-
--dx-g-body-background-color: var(--dx-g-blue-vibrant-10);
|
|
579
|
-
|
|
580
|
-
--dx-g-text-label-color: white;
|
|
581
|
-
--dx-g-text-heading-color: white;
|
|
582
|
-
--dx-g-text-body-color: white;
|
|
583
|
-
--dx-g-link-hover-color: var(--dx-g-blue-vibrant-80);
|
|
584
|
-
--dx-card-title-hover-color: var(--dx-g-blue-vibrant-80);
|
|
585
|
-
|
|
586
586
|
--dx-footer-themed-background-color: var(--dx-g-blue-vibrant-20);
|
|
587
587
|
--dx-footer-themed-top-background-color: var(--dx-g-blue-vibrant-20);
|
|
588
588
|
--dx-footer-themed-top-large-background-color: var(--dx-g-blue-vibrant-10);
|
|
@@ -595,4 +595,18 @@ body.dark {
|
|
|
595
595
|
--dx-footer-themed-svg-filter: brightness(100);
|
|
596
596
|
--dx-footer-themed-terms-and-conditions-background-color: var(--dx-g-blue-vibrant-10);
|
|
597
597
|
--dx-footer-themed-large-graphic: url('https://a.sfdcstatic.com/developer-website/images/footer_graphic_large_dark.svg');
|
|
598
|
-
|
|
598
|
+
|
|
599
|
+
--dx-g-background-color: var(--dx-g-blue-vibrant-10);
|
|
600
|
+
--dx-g-title-hover-color: var(--dx-g-blue-vibrant-70);
|
|
601
|
+
|
|
602
|
+
--dx-themed-featured-content-header-background-swoop: url("https://a.sfdcstatic.com/developer-website/images/swoop_dark_light.png");
|
|
603
|
+
--dx-themed-featured-content-header-background-swoop-intense: url("https://a.sfdcstatic.com/developer-website/images/swoop_dark_intense.png");
|
|
604
|
+
--dx-themed-featured-content-header-text-color: white;
|
|
605
|
+
--dx-themed-featured-content-header-title-link-light-hover-color: var(--dx-g-indigo-vibrant-90);
|
|
606
|
+
--dx-themed-featured-content-header-title-link-intense-hover-color: var(--dx-g-blue-vibrant-40);
|
|
607
|
+
--dx-themed-featured-content-header-intense-label-color: rgb(190 199 246);
|
|
608
|
+
|
|
609
|
+
--dx-g-text-body-color: white;
|
|
610
|
+
--dx-g-text-heading-color: white;
|
|
611
|
+
|
|
612
|
+
}
|