@salesforcedevs/dx-css-variables 0.3.15 → 0.3.17
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 -30
- package/package.json +1 -1
package/assets/css/colors.css
CHANGED
|
@@ -318,7 +318,6 @@
|
|
|
318
318
|
/* TEXT COLORS */
|
|
319
319
|
/* ----------- */
|
|
320
320
|
|
|
321
|
-
--dx-g-text-label-color: var(--dx-g-gray-30);
|
|
322
321
|
--dx-g-text-button-color: var(--dx-g-blue-vibrant-50);
|
|
323
322
|
--dx-g-text-button-light-color: white;
|
|
324
323
|
|
|
@@ -551,23 +550,16 @@
|
|
|
551
550
|
/* COMMUNITY */
|
|
552
551
|
--dx-g-content-type-community_posts-color: var(--dx-g-cloud-blue-vibrant-40);
|
|
553
552
|
--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;
|
|
554
556
|
|
|
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
|
-
|
|
557
|
+
--dx-g-text-label-color: var(--dx-g-gray-30);
|
|
567
558
|
--dx-g-text-heading-color: var(--dx-g-blue-vibrant-20);
|
|
568
559
|
--dx-g-text-body-color: var(--dx-g-gray-10);
|
|
569
|
-
|
|
570
|
-
|
|
560
|
+
--dx-g-link-hover-color: var(--dx-g-blue-vibrant-40);
|
|
561
|
+
--dx-card-title-hover-color: var(--dx-g-blue-vibrant-50);
|
|
562
|
+
|
|
571
563
|
--dx-footer-themed-background-color: var(--dx-g-indigo-vibrant-95);
|
|
572
564
|
--dx-footer-themed-top-background-color: var(--dx-g-indigo-vibrant-95);
|
|
573
565
|
--dx-footer-themed-top-large-background-color: white;
|
|
@@ -583,6 +575,14 @@
|
|
|
583
575
|
}
|
|
584
576
|
|
|
585
577
|
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,18 +595,4 @@ 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
|
-
|
|
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
|
-
}
|
|
598
|
+
}
|