Bug 1687398 - Update text color on newtab page if newNewtabExperience is enabled. r=ewright

Differential Revision: https://phabricator.services.mozilla.com/D102489

browser/components/newtab/content-src/components/CollapsibleSection/_CollapsibleSection.scss

@@ -12,6 +12,7 @@
           cursor: default;
           font-weight: 600;
           font-size: 17px;
+          color: var(--newtab-background-primary-text-color);
         }
       }
     }

browser/components/newtab/content-src/components/DiscoveryStreamComponents/Navigation/_Navigation.scss

@@ -1,3 +1,9 @@
+.outer-wrapper.newtab-experience {
+  .ds-navigation {
+    color: var(--newtab-background-primary-text-color);
+  }
+}
+
 .ds-navigation {
   @include dark-theme-only {
     color: $grey-30;

browser/components/newtab/css/activity-stream-linux.css

@@ -2051,7 +2051,8 @@ main {
 .outer-wrapper.newtab-experience .collapsible-section .click-target-container .click-target span {
   cursor: default;
   font-weight: 600;
-  font-size: 17px; }
+  font-size: 17px;
+  color: var(--newtab-background-primary-text-color); }
 
 .collapsible-section {
   padding: 10px 25px;
@@ -3024,6 +3025,9 @@ main {
   .ds-list-item:active .ds-list-item-title {
     color: #003EAA; }
 
+.outer-wrapper.newtab-experience .ds-navigation {
+  color: var(--newtab-background-primary-text-color); }
+
 .ds-navigation {
   color: #737373;
   padding: 4px 0;

browser/components/newtab/css/activity-stream-mac.css

@@ -2054,7 +2054,8 @@ main {
 .outer-wrapper.newtab-experience .collapsible-section .click-target-container .click-target span {
   cursor: default;
   font-weight: 600;
-  font-size: 17px; }
+  font-size: 17px;
+  color: var(--newtab-background-primary-text-color); }
 
 .collapsible-section {
   padding: 10px 25px;
@@ -3027,6 +3028,9 @@ main {
   .ds-list-item:active .ds-list-item-title {
     color: #003EAA; }
 
+.outer-wrapper.newtab-experience .ds-navigation {
+  color: var(--newtab-background-primary-text-color); }
+
 .ds-navigation {
   color: #737373;
   padding: 4px 0;

browser/components/newtab/css/activity-stream-windows.css

@@ -2051,7 +2051,8 @@ main {
 .outer-wrapper.newtab-experience .collapsible-section .click-target-container .click-target span {
   cursor: default;
   font-weight: 600;
-  font-size: 17px; }
+  font-size: 17px;
+  color: var(--newtab-background-primary-text-color); }
 
 .collapsible-section {
   padding: 10px 25px;
@@ -3024,6 +3025,9 @@ main {
   .ds-list-item:active .ds-list-item-title {
     color: #003EAA; }
 
+.outer-wrapper.newtab-experience .ds-navigation {
+  color: var(--newtab-background-primary-text-color); }
+
 .ds-navigation {
   color: #737373;
   padding: 4px 0;