Bug 1900240 - Home and newtab fixing link text colour issue with wallpaper r=home-newtab-reviewers,amy

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

browser/components/newtab/content-src/components/DiscoveryStreamBase/_DiscoveryStreamBase.scss

@@ -57,14 +57,14 @@ $ds-width: 936px;
 .collapsible-section.ds-layout {
   margin: auto;
 
-  .section-top-bar {
-    .learn-more-link a {
+  .section-top-bar .learn-more-link {
+    // Contrast fix for users who have wallpapers set
+    @include wallpaper-contrast-fix;
+
+    a {
       color: var(--newtab-primary-action-background);
       font-weight: 500;
 
-      // Contrast fix for users who have wallpapers set
-      @include wallpaper-contrast-fix;
-
       &:is(:focus, :hover) {
         text-decoration: none;
       }

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

@@ -3168,16 +3168,16 @@ main section {
 .collapsible-section.ds-layout {
   margin: auto;
 }
+.lightWallpaper .collapsible-section.ds-layout .section-top-bar .learn-more-link {
+  color-scheme: light;
+}
+.darkWallpaper .collapsible-section.ds-layout .section-top-bar .learn-more-link {
+  color-scheme: dark;
+}
 .collapsible-section.ds-layout .section-top-bar .learn-more-link a {
   color: var(--newtab-primary-action-background);
   font-weight: 500;
 }
-.lightWallpaper .collapsible-section.ds-layout .section-top-bar .learn-more-link a {
-  color-scheme: light;
-}
-.darkWallpaper .collapsible-section.ds-layout .section-top-bar .learn-more-link a {
-  color-scheme: dark;
-}
 .collapsible-section.ds-layout .section-top-bar .learn-more-link a:is(:focus, :hover) {
   text-decoration: none;
 }

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

@@ -3172,16 +3172,16 @@ main section {
 .collapsible-section.ds-layout {
   margin: auto;
 }
+.lightWallpaper .collapsible-section.ds-layout .section-top-bar .learn-more-link {
+  color-scheme: light;
+}
+.darkWallpaper .collapsible-section.ds-layout .section-top-bar .learn-more-link {
+  color-scheme: dark;
+}
 .collapsible-section.ds-layout .section-top-bar .learn-more-link a {
   color: var(--newtab-primary-action-background);
   font-weight: 500;
 }
-.lightWallpaper .collapsible-section.ds-layout .section-top-bar .learn-more-link a {
-  color-scheme: light;
-}
-.darkWallpaper .collapsible-section.ds-layout .section-top-bar .learn-more-link a {
-  color-scheme: dark;
-}
 .collapsible-section.ds-layout .section-top-bar .learn-more-link a:is(:focus, :hover) {
   text-decoration: none;
 }

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

@@ -3168,16 +3168,16 @@ main section {
 .collapsible-section.ds-layout {
   margin: auto;
 }
+.lightWallpaper .collapsible-section.ds-layout .section-top-bar .learn-more-link {
+  color-scheme: light;
+}
+.darkWallpaper .collapsible-section.ds-layout .section-top-bar .learn-more-link {
+  color-scheme: dark;
+}
 .collapsible-section.ds-layout .section-top-bar .learn-more-link a {
   color: var(--newtab-primary-action-background);
   font-weight: 500;
 }
-.lightWallpaper .collapsible-section.ds-layout .section-top-bar .learn-more-link a {
-  color-scheme: light;
-}
-.darkWallpaper .collapsible-section.ds-layout .section-top-bar .learn-more-link a {
-  color-scheme: dark;
-}
 .collapsible-section.ds-layout .section-top-bar .learn-more-link a:is(:focus, :hover) {
   text-decoration: none;
 }