@salesforcedevs/dx-css-variables 0.3.19 → 0.3.21

package/assets/css/colors.css

@@ -317,7 +317,6 @@
   /* ----------- */
   /* TEXT COLORS */
   /* ----------- */
-
   --dx-g-text-button-color: var(--dx-g-blue-vibrant-50);
   --dx-g-text-button-light-color: white;
 
@@ -550,6 +549,23 @@
   /* 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;
@@ -558,10 +574,21 @@
   --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;
 
@@ -588,9 +615,20 @@ 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-button-primary-color: white;
+  --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);
@@ -609,4 +647,20 @@ body.dark {
   --dx-footer-themed-svg-background-color: var(--dx-g-blue-vibrant-20);
   --dx-footer-themed-terms-and-conditions-background-color: var(--dx-g-blue-vibrant-10);
   --dx-footer-themed-large-graphic: url('https://a.sfdcstatic.com/developer-website/images/footer_graphic_large_dark.svg');
-}
+
+  --dx-g-background-color: var(--dx-g-blue-vibrant-10);
+  --dx-g-title-hover-color: var(--dx-g-blue-vibrant-70);
+
+  --dx-themed-featured-content-header-background-swoop: url("https://a.sfdcstatic.com/developer-website/images/swoop_dark_light.png");
+  --dx-themed-featured-content-header-background-swoop-intense: url("https://a.sfdcstatic.com/developer-website/images/swoop_dark_intense.png");
+  --dx-themed-featured-content-header-text-color: white;
+  --dx-themed-featured-content-header-title-link-light-color: white;
+  --dx-themed-featured-content-header-title-link-intense-color: white;
+  --dx-themed-featured-content-header-title-link-light-hover-color: var(--dx-g-indigo-vibrant-90);
+  --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: white;
+  --dx-g-text-heading-color: white;
+
+}

package/package.json

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