tor-browser

commit 26decb4dda48eec158a46b29036ed71b7d445675
parent 4e73394880994a432882bfe40da13994e6c8338c
Author: Jon Oliver <jooliver@mozilla.com>
Date:   Tue, 18 Nov 2025 20:41:34 +0000

Bug 1988869 - replace usage of white/black backgrounds r=desktop-theme-reviewers,profiles-reviewers,jules,jhirsch=theme-reviewers

Update incorrect usage of black/white background values with appropriate keywords.

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

Diffstat:
M
browser/components/profiles/content/profile-avatar-selector.css
 | 
2
+-
M
browser/components/protections/content/protections.css
 | 
2
+-
M
browser/components/screenshots/overlay/overlay.css
 | 
4
++--
M
browser/themes/shared/browser-shared.css
 | 
2
+-
M
browser/themes/shared/privatebrowsing/aboutPrivateBrowsing.css
 | 
4
++--
M
toolkit/themes/shared/aboutReader.css
 | 
2
+-
M
toolkit/themes/shared/design-system/storybook/tokens-table.css
 | 
4
++--
M
toolkit/themes/shared/pictureinpicture/player.css
 | 
8
++++----

8 files changed, 14 insertions(+), 14 deletions(-)
diff --git a/browser/components/profiles/content/profile-avatar-selector.css b/browser/components/profiles/content/profile-avatar-selector.css
@@ -216,7 +216,7 @@
   }
 
   .mover {
-    background-color: #fff;
+    background-color: white;
     border-radius: var(--border-radius-circle);
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
     transition: transform 125ms cubic-bezier(0.07, 0.95, 0, 1);
diff --git a/browser/components/protections/content/protections.css b/browser/components/protections/content/protections.css
@@ -767,7 +767,7 @@ label[for="tab-cryptominer"]:hover ~ #highlight-hover {
 }
 
 .progress-bar::-moz-progress-bar {
-  background: #ffffff;
+  background: white;
   border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
 }
 
diff --git a/browser/components/screenshots/overlay/overlay.css b/browser/components/screenshots/overlay/overlay.css
@@ -120,7 +120,7 @@
 }
 
 #screenshots-cancel-button:hover {
-  background-color: #fff;
+  background-color: white;
   color: #000;
 
   @media (forced-colors) {
@@ -315,7 +315,7 @@
 }
 
 .mover {
-  background-color: #fff;
+  background-color: white;
   border-radius: var(--border-radius-circle);
   box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
   transition: transform 125ms cubic-bezier(0.07, 0.95, 0, 1);
diff --git a/browser/themes/shared/browser-shared.css b/browser/themes/shared/browser-shared.css
@@ -699,7 +699,7 @@ menupopup::part(drop-indicator) {
 }
 
 #widget-overflow .webextension-popup-browser {
-  background: #fff;
+  background: white;
 
   /* height set via JS can be lower than the stack min-height,
      ensure the browser takes up at least that min-height */
diff --git a/browser/themes/shared/privatebrowsing/aboutPrivateBrowsing.css b/browser/themes/shared/privatebrowsing/aboutPrivateBrowsing.css
@@ -162,7 +162,7 @@ p {
 .search-handoff-button,
 .search-handoff-button:active,
 .search-handoff-button:enabled:hover:active {
-  background: #fff var(--newtab-search-icon) 12px center no-repeat;
+  background: white var(--newtab-search-icon) 12px center no-repeat;
   background-size: 24px;
   border: solid 1px rgba(249, 249, 250, 0.2);
   border-radius: var(--border-radius-xsmall);
@@ -202,7 +202,7 @@ p {
 
 .search-inner-wrapper .search-handoff-button:hover,
 .search-inner-wrapper .search-handoff-button:hover:active {
-  background-color: #fff;
+  background-color: white;
   color: inherit;
 }
 
diff --git a/toolkit/themes/shared/aboutReader.css b/toolkit/themes/shared/aboutReader.css
@@ -908,7 +908,7 @@ div[name="customtheme"] {
   }
 
   .contrast-button:before {
-    background-color: #000000;
+    background-color: black;
   }
 
   .gray-button:before {
diff --git a/toolkit/themes/shared/design-system/storybook/tokens-table.css b/toolkit/themes/shared/design-system/storybook/tokens-table.css
@@ -251,7 +251,7 @@ td:first-of-type {
 }
 
 .hcm-theme {
-  background-color: #000000;
+  background-color: black;
   color: var(--color-white);
 }
 
@@ -371,5 +371,5 @@ td:first-of-type {
 }
 
 .hcm-theme .shadow-preview {
-  background: #000000;
+  background: black;
 }
diff --git a/toolkit/themes/shared/pictureinpicture/player.css b/toolkit/themes/shared/pictureinpicture/player.css
@@ -192,7 +192,7 @@ body:not(:fullscreen) #controls:hover .control-button:disabled {
   width: max-content;
   position: relative;
   padding: 0.4em 0.5em;
-  background: #000000;
+  background: black;
   color: #ffffff;
   border-radius: var(--border-radius-small);
   pointer-events: none;
@@ -348,7 +348,7 @@ body:not(:fullscreen) #controls:hover #timestamp {
 
   &::-moz-range-thumb {
     border-radius: var(--border-radius-medium);
-    background-color: #ffffff;
+    background-color: white;
     width: 8px;
     height: 8px;
     padding: 0;
@@ -359,7 +359,7 @@ body:not(:fullscreen) #controls:hover #timestamp {
   }
 
   &::-moz-range-progress {
-    background-color: #ffffff;
+    background-color: white;
   }
 
   &,
@@ -621,7 +621,7 @@ input:checked + .slider::before {
   }
 
   &::-moz-range-progress {
-    background-color: #ffffff;
+    background-color: white;
   }
 
   &,