tor-browser

commit 549157b501218c26a3cee2699fd137bc41a16619
parent 46ce02b5c7f015ba91fee158c305c05a0bc17fa9
Author: Emily McMinn <emcminn@mozilla.com>
Date:   Wed,  8 Oct 2025 21:43:32 +0000

Bug 1927207 - Adjust hover and active styles for migration-wizard dropdown r=mconley,desktop-theme-reviewers,migration-reviewers,hjones

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

Diffstat:
M
browser/components/migration/content/migration-wizard.mjs
 | 
10
++++++++++
M
browser/themes/shared/migration/migration-wizard.css
 | 
16
++++++++++++++++

2 files changed, 26 insertions(+), 0 deletions(-)
diff --git a/browser/components/migration/content/migration-wizard.mjs b/browser/components/migration/content/migration-wizard.mjs
@@ -484,6 +484,16 @@ export class MigrationWizard extends HTMLElement {
    */
   #onBrowserProfileSelectionChanged(panelItem) {
     this.#browserProfileSelector.selectedPanelItem = panelItem;
+    if (this.#browserProfileSelectorList.selectedPanelItem) {
+      this.#browserProfileSelectorList.selectedPanelItem.classList.remove(
+        "selected"
+      );
+    }
+    this.#browserProfileSelectorList.selectedPanelItem = panelItem;
+    this.#browserProfileSelectorList.selectedPanelItem.classList.add(
+      "selected"
+    );
+
     this.#browserProfileSelector.querySelector("#migrator-name").textContent =
       panelItem.displayName;
     this.#browserProfileSelector.querySelector("#profile-name").textContent =
diff --git a/browser/themes/shared/migration/migration-wizard.css b/browser/themes/shared/migration/migration-wizard.css
@@ -135,6 +135,22 @@ panel-item[type="file"]::part(button) {
   background-position: 6px center;
 }
 
+@media (forced-colors) {
+  panel-item:not(.selected)::part(button):hover {
+    fill: SelectedItemText;
+    color: SelectedItem;
+  }
+
+  panel-item.selected::part(button) {
+    border-block: 1px solid ButtonText;
+  }
+}
+
+panel-item.selected {
+  background-color: var(--button-background-color-active);
+  color: var(--button-text-color-active);
+}
+
 panel-item[type="file"]:-moz-locale-dir(rtl)::part(button),
 panel-item[type="file"]:dir(rtl)::part(button) {
   background-position-x: right 6px;