tor-browser

commit 862053a1e29caa152ae782310273687a8239b93a
parent 7f4ed95508043d868fabe16e22ed471f91a13912
Author: Irene Ni <ini@mozilla.com>
Date:   Fri,  7 Nov 2025 15:30:07 +0000

Bug 1994078  - Fix New Tab Customize button contrast issues in dark theme. r=home-newtab-reviewers,reemhamz

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

Diffstat:
M
browser/extensions/newtab/content-src/components/CustomizeMenu/_CustomizeMenu.scss
 | 
10
++++------
M
browser/extensions/newtab/css/activity-stream.css
 | 
8
+++-----

2 files changed, 7 insertions(+), 11 deletions(-)
diff --git a/browser/extensions/newtab/content-src/components/CustomizeMenu/_CustomizeMenu.scss b/browser/extensions/newtab/content-src/components/CustomizeMenu/_CustomizeMenu.scss
@@ -40,19 +40,17 @@
   }
 
   &:hover {
-    background-color: var(--newtab-element-hover-color);
-  }
-
-  &:focus {
-    background-color: var(--newtab-element-active-color);
+    background-color: var(--newtab-button-static-hover-background);
   }
 
   &:active {
-    background-color: var(--newtab-element-active-color);
+    background-color: var(--newtab-button-static-active-background);
   }
 
   &:focus-visible {
     @include ds-focus;
+
+    background-color: var(--newtab-button-static-active-background);
   }
 
   &.personalize-animate-exit-done {
diff --git a/browser/extensions/newtab/css/activity-stream.css b/browser/extensions/newtab/css/activity-stream.css
@@ -2022,17 +2022,15 @@ main section {
   }
 }
 .personalize-button:hover {
-  background-color: var(--newtab-element-hover-color);
-}
-.personalize-button:focus {
-  background-color: var(--newtab-element-active-color);
+  background-color: var(--newtab-button-static-hover-background);
 }
 .personalize-button:active {
-  background-color: var(--newtab-element-active-color);
+  background-color: var(--newtab-button-static-active-background);
 }
 .personalize-button:focus-visible {
   border: 0;
   outline: var(--focus-outline);
+  background-color: var(--newtab-button-static-active-background);
 }
 .personalize-button.personalize-animate-exit-done {
   visibility: hidden;