tor-browser

commit a2f8e4956a53ad331ea1d4a91170861ec134bc51
parent 3f5fb17381deff5fb3c1ef134a53adb699a3c48c
Author: Irene Ni <ini@mozilla.com>
Date:   Fri,  7 Nov 2025 19:56:18 +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;