Bug 1618229 - fixing dismiss icon color on hover for dark mode r=thecount

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

--HG--
extra : moz-landing-system : lando

browser/components/newtab/content-src/components/DiscoveryStreamComponents/DSDismiss/_DSDismiss.scss

@@ -36,6 +36,10 @@
     &:hover {
       @include dark-theme-only {
         background: $grey-90-50;
+
+        .icon {
+          fill: $grey-10;
+        }
       }
 
       background: $grey-90-20;

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

@@ -2970,6 +2970,8 @@ main {
       background: rgba(12, 12, 13, 0.2); }
       [lwt-newtab-brighttext] .ds-dismiss .ds-dismiss-button:hover {
         background: rgba(12, 12, 13, 0.5); }
+        [lwt-newtab-brighttext] .ds-dismiss .ds-dismiss-button:hover .icon {
+          fill: #F9F9FA; }
       .ds-dismiss .ds-dismiss-button:hover .icon {
         fill: #2A2A2E; }
     .ds-dismiss .ds-dismiss-button:active {

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

@@ -2973,6 +2973,8 @@ main {
       background: rgba(12, 12, 13, 0.2); }
       [lwt-newtab-brighttext] .ds-dismiss .ds-dismiss-button:hover {
         background: rgba(12, 12, 13, 0.5); }
+        [lwt-newtab-brighttext] .ds-dismiss .ds-dismiss-button:hover .icon {
+          fill: #F9F9FA; }
       .ds-dismiss .ds-dismiss-button:hover .icon {
         fill: #2A2A2E; }
     .ds-dismiss .ds-dismiss-button:active {

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

@@ -2970,6 +2970,8 @@ main {
       background: rgba(12, 12, 13, 0.2); }
       [lwt-newtab-brighttext] .ds-dismiss .ds-dismiss-button:hover {
         background: rgba(12, 12, 13, 0.5); }
+        [lwt-newtab-brighttext] .ds-dismiss .ds-dismiss-button:hover .icon {
+          fill: #F9F9FA; }
       .ds-dismiss .ds-dismiss-button:hover .icon {
         fill: #2A2A2E; }
     .ds-dismiss .ds-dismiss-button:active {