Bug 1684459 - Hover and active states are no longer reversed. r=prathiksha, a=jcristau

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

browser/components/newtab/content-src/styles/_variables.scss

@@ -94,10 +94,10 @@ $newtab-background-button-default-color: rgba(223, 223, 223, 0.5);
 $newtab-background-button-darktheme-color: rgba(80, 80, 80, 0.5);
 $newtab-background-button-default-text-color: #484848;
 $newtab-background-button-darktheme-text-color: #CDCDD4;
-$newtab-background-button-default-hover-color: rgba(151, 151, 151, 0.5);
-$newtab-background-button-darktheme-hover-color: rgba(173, 173, 173, 0.5);
-$newtab-background-button-default-active-color: rgba(196, 196, 196, 0.5);
-$newtab-background-button-darktheme-active-color: rgba(114, 114, 114, 0.5);
+$newtab-background-button-default-hover-color: rgba(196, 196, 196, 0.5);
+$newtab-background-button-darktheme-hover-color: rgba(114, 114, 114, 0.5);
+$newtab-background-button-default-active-color: rgba(151, 151, 151, 0.5);
+$newtab-background-button-darktheme-active-color: rgba(173, 173, 173, 0.5);
 $newtab-background-button-focus-boxshadow-color: rgba(0, 96, 223, 0.25);
 $newtab-card-primary-text-color: #20123A;
 $newtab-card-darktheme-primary-text-color: #E0E0E6;

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

@@ -48,8 +48,8 @@ body {
   --newtab-textbox-focus-boxshadow: 0 0 0 1px #0060DF, 0 0 0 4px rgba(0, 96, 223, 0.3);
   --newtab-background-button-color: rgba(223, 223, 223, 0.5);
   --newtab-background-button-text-color: #484848;
-  --newtab-background-button-hover-color: rgba(151, 151, 151, 0.5);
-  --newtab-background-button-active-color: rgba(196, 196, 196, 0.5);
+  --newtab-background-button-hover-color: rgba(196, 196, 196, 0.5);
+  --newtab-background-button-active-color: rgba(151, 151, 151, 0.5);
   --newtab-button-primary-color: #0060DF;
   --newtab-button-secondary-color: inherit;
   --newtab-feed-button-background: #EDEDF0;
@@ -119,8 +119,8 @@ body {
     --newtab-textbox-focus-boxshadow: 0 0 0 1px #45A1FF, 0 0 0 4px rgba(69, 161, 255, 0.3);
     --newtab-background-button-color: rgba(80, 80, 80, 0.5);
     --newtab-background-button-text-color: #CDCDD4;
-    --newtab-background-button-hover-color: rgba(173, 173, 173, 0.5);
-    --newtab-background-button-active-color: rgba(114, 114, 114, 0.5);
+    --newtab-background-button-hover-color: rgba(114, 114, 114, 0.5);
+    --newtab-background-button-active-color: rgba(173, 173, 173, 0.5);
     --newtab-feed-button-background: #38383D;
     --newtab-feed-button-text: #F9F9FA;
     --newtab-feed-button-background-faded: rgba(56, 56, 61, 0.6);

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

@@ -51,8 +51,8 @@ body {
   --newtab-textbox-focus-boxshadow: 0 0 0 1px #0060DF, 0 0 0 4px rgba(0, 96, 223, 0.3);
   --newtab-background-button-color: rgba(223, 223, 223, 0.5);
   --newtab-background-button-text-color: #484848;
-  --newtab-background-button-hover-color: rgba(151, 151, 151, 0.5);
-  --newtab-background-button-active-color: rgba(196, 196, 196, 0.5);
+  --newtab-background-button-hover-color: rgba(196, 196, 196, 0.5);
+  --newtab-background-button-active-color: rgba(151, 151, 151, 0.5);
   --newtab-button-primary-color: #0060DF;
   --newtab-button-secondary-color: inherit;
   --newtab-feed-button-background: #EDEDF0;
@@ -122,8 +122,8 @@ body {
     --newtab-textbox-focus-boxshadow: 0 0 0 1px #45A1FF, 0 0 0 4px rgba(69, 161, 255, 0.3);
     --newtab-background-button-color: rgba(80, 80, 80, 0.5);
     --newtab-background-button-text-color: #CDCDD4;
-    --newtab-background-button-hover-color: rgba(173, 173, 173, 0.5);
-    --newtab-background-button-active-color: rgba(114, 114, 114, 0.5);
+    --newtab-background-button-hover-color: rgba(114, 114, 114, 0.5);
+    --newtab-background-button-active-color: rgba(173, 173, 173, 0.5);
     --newtab-feed-button-background: #38383D;
     --newtab-feed-button-text: #F9F9FA;
     --newtab-feed-button-background-faded: rgba(56, 56, 61, 0.6);

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

@@ -48,8 +48,8 @@ body {
   --newtab-textbox-focus-boxshadow: 0 0 0 1px #0060DF, 0 0 0 4px rgba(0, 96, 223, 0.3);
   --newtab-background-button-color: rgba(223, 223, 223, 0.5);
   --newtab-background-button-text-color: #484848;
-  --newtab-background-button-hover-color: rgba(151, 151, 151, 0.5);
-  --newtab-background-button-active-color: rgba(196, 196, 196, 0.5);
+  --newtab-background-button-hover-color: rgba(196, 196, 196, 0.5);
+  --newtab-background-button-active-color: rgba(151, 151, 151, 0.5);
   --newtab-button-primary-color: #0060DF;
   --newtab-button-secondary-color: inherit;
   --newtab-feed-button-background: #EDEDF0;
@@ -119,8 +119,8 @@ body {
     --newtab-textbox-focus-boxshadow: 0 0 0 1px #45A1FF, 0 0 0 4px rgba(69, 161, 255, 0.3);
     --newtab-background-button-color: rgba(80, 80, 80, 0.5);
     --newtab-background-button-text-color: #CDCDD4;
-    --newtab-background-button-hover-color: rgba(173, 173, 173, 0.5);
-    --newtab-background-button-active-color: rgba(114, 114, 114, 0.5);
+    --newtab-background-button-hover-color: rgba(114, 114, 114, 0.5);
+    --newtab-background-button-active-color: rgba(173, 173, 173, 0.5);
     --newtab-feed-button-background: #38383D;
     --newtab-feed-button-text: #F9F9FA;
     --newtab-feed-button-background-faded: rgba(56, 56, 61, 0.6);