@salesforcedevs/dx-css-variables 0.3.21 → 0.3.22

package/assets/css/colors.css

@@ -549,23 +549,6 @@
   /* COMMUNITY */
   --dx-g-content-type-community_posts-color: var(--dx-g-cloud-blue-vibrant-40);
   --dx-g-content-type-community_posts-color-background: var(--dx-g-cloud-blue-vibrant-95);
-
-
-
-  --dx-g-background-color: white;
-  --dx-g-title-hover-color: var(--dx-g-blue-vibrant-40);
-
-  --dx-themed-featured-content-header-background-swoop: url("https://a.sfdcstatic.com/developer-website/images/swoop_light_light.png");
-  --dx-themed-featured-content-header-background-swoop-intense: url("https://a.sfdcstatic.com/developer-website/images/swoop_light_intense.png");
-  --dx-themed-featured-content-header-text-color: var(--dx-g-indigo-vibrant-40);
-  --dx-themed-featured-content-header-title-link-light-color: var(--dx-g-blue-vibrant-20);
-  --dx-themed-featured-content-header-title-link-intense-color: white;
-  --dx-themed-featured-content-header-title-link-light-hover-color: var(--dx-g-blue-vibrant-10);
-  --dx-themed-featured-content-header-title-link-intense-hover-color: var(--dx-g-indigo-vibrant-90);
-  --dx-themed-featured-content-header-intense-label-color: rgb(190 199 246);
-
-  --dx-g-text-heading-color: var(--dx-g-blue-vibrant-20);
-  --dx-g-text-body-color: var(--dx-g-gray-10);
   
   /* Defaults for no Dark/Light theme pages */
   --dx-g-body-background-color: white;
@@ -574,24 +557,18 @@
   --dx-g-text-heading-color: var(--dx-g-blue-vibrant-20);
   --dx-g-text-body-color: var(--dx-g-gray-10);
   --dx-g-link-hover-color: var(--dx-g-blue-vibrant-40);
-  --dx-g-social-svg-icon-color: white;
-  --dx-g-social-svg-background-color: var(--dx-g-blue-vibrant-50);
-  --dx-g-social-svg-hover-color: var(--dx-g-blue-vibrant-40);
   --dx-card-title-hover-color: var(--dx-g-blue-vibrant-50);
 
-  --dx-g-audio-background-color: var(--dx-g-indigo-vibrant-90);
-  --dx-g-audio-inner-div-background-color: var(--sds-g-gray-1);
-  --dx-g-audio-text-color: initial;
-  --dx-g-audio-threedot-menu-text-color: initial;
-  --dx-g-audio-button-hover-color: var(--sds-g-gray-4);
-
   --dx-g-button-primary-color: var(--dx-g-blue-vibrant-50);
   --dx-g-button-secondary-color: var(--dx-g-blue-vibrant-50);
   --dx-g-button-secondary-color-hover: var(--dx-g-cloud-blue-vibrant-90);
-  --dx-g-button-icon-color: currentcolor;
 
   --dx-g-svg-filter: none;
 
+  --dx-g-dark-mode-toggle-button-border: none;
+  --dx-g-dark-mode-toggle-button-color: white;
+  --dx-g-dark-mode-toggle-icon: url("https://a.sfdcstatic.com/developer-website/images/moon-icon.png");
+
   --dx-blog-grid-themed-left-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-left.svg");
   --dx-blog-grid-themed-right-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-right.svg");
 
@@ -606,6 +583,21 @@
   --dx-footer-themed-svg-background-color: white;
   --dx-footer-themed-terms-and-conditions-background-color: var(--dx-g-blue-vibrant-20);
   --dx-footer-themed-large-graphic: url('https://a.sfdcstatic.com/developer-website/images/footer-graphic-large-2.svg');
+
+  --dx-g-background-color: white;
+  --dx-g-title-hover-color: var(--dx-g-blue-vibrant-40);
+
+  --dx-themed-featured-content-header-background-swoop: url("https://a.sfdcstatic.com/developer-website/images/swoop_light_light.png");
+  --dx-themed-featured-content-header-background-swoop-intense: url("https://a.sfdcstatic.com/developer-website/images/swoop_light_intense.png");
+  --dx-themed-featured-content-header-text-color: var(--dx-g-indigo-vibrant-40);
+  --dx-themed-featured-content-header-title-link-light-color: var(--dx-g-blue-vibrant-20);
+  --dx-themed-featured-content-header-title-link-intense-color: white;
+  --dx-themed-featured-content-header-title-link-light-hover-color: var(--dx-g-blue-vibrant-10);
+  --dx-themed-featured-content-header-title-link-intense-hover-color: var(--dx-g-indigo-vibrant-90);
+  --dx-themed-featured-content-header-intense-label-color: rgb(190 199 246);
+
+  --dx-g-text-body-color: var(--dx-g-gray-10);
+  --dx-g-text-heading-color: var(--dx-g-blue-vibrant-20);
 }
 
 body.dark {
@@ -615,24 +607,18 @@ body.dark {
   --dx-g-text-heading-color: white;
   --dx-g-text-body-color: white;
   --dx-g-link-hover-color: var(--dx-g-blue-vibrant-80);
-  --dx-g-social-svg-icon-color: var(--dx-g-blue-vibrant-10);
-  --dx-g-social-svg-background-color: white;
-  --dx-g-social-svg-hover-color: var(--dx-g-blue-vibrant-80);
   --dx-card-title-hover-color: var(--dx-g-blue-vibrant-80);
 
-  --dx-g-audio-background-color: var(--dx-g-indigo-vibrant-30);
-  --dx-g-audio-inner-div-background-color: var(--dx-g-indigo-vibrant-50);
-  --dx-g-audio-text-color: white;
-  --dx-g-audio-threedot-menu-text-color: white;
-  --dx-g-audio-button-hover-color: var(--dx-g-blue-vibrant-80);
-
   --dx-g-button-primary-color: var(--dx-g-blue-vibrant-50);
-  --dx-g-button-icon-color: white;
   --dx-g-button-secondary-color: white;
   --dx-g-button-secondary-color-hover: var(--dx-g-blue-vibrant-80);
 
   --dx-g-svg-filter: brightness(100);
 
+  --dx-g-dark-mode-toggle-button-border: 1px solid white;
+  --dx-g-dark-mode-toggle-button-color: transparent;
+  --dx-g-dark-mode-toggle-icon: url("https://a.sfdcstatic.com/developer-website/images/sun-icon.png");
+
   --dx-blog-grid-themed-left-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-left-dark-mode-2.svg");
   --dx-blog-grid-themed-right-subscribe-image: url("https://a.sfdcstatic.com/developer-website/images/subscribe-background-right-dark-mode.svg");
 
@@ -662,5 +648,4 @@ body.dark {
 
   --dx-g-text-body-color: white;
   --dx-g-text-heading-color: white;
-
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforcedevs/dx-css-variables",
-  "version": "0.3.21",
+  "version": "0.3.22",
   "license": "BSD-3-Clause",
   "files": [
     "assets"