1 files changed, 46 insertions, 50 deletions
diff --git a/browser/themes/shared/addons/unified-extensions.css b/browser/themes/shared/addons/unified-extensions.css
index fd671e007d..06afeec3a7 100644
--- a/browser/themes/shared/addons/unified-extensions.css
+++ b/browser/themes/shared/addons/unified-extensions.css
@@ -10,7 +10,7 @@
   --uei-button-hover-color: inherit;
   --uei-button-active-bgcolor: var(--panel-item-active-bgcolor);
   --uei-button-active-color: inherit;
-  --uei-button-attention-dot-color: var(--tab-attention-icon-color);
+  --uei-button-attention-dot-color: var(--attention-dot-color);
 }
 
 :root[uidensity="compact"] {
@@ -179,56 +179,52 @@ unified-extensions-item > .subviewbutton {
 /* --- browser action CUI widget styles in the extensions panel --- */
 
 @media (prefers-contrast) {
-  :root:not(:-moz-lwtheme) {
+  :root:not([lwtheme]) {
     --uei-button-attention-dot-color: ButtonText;
-  }
-
-  .unified-extensions-item-action-button.subviewbutton:not([disabled], :-moz-lwtheme),
-  .unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon:not(:-moz-lwtheme) {
-    border-color: currentColor;
-    background-color: ButtonFace;
-    color: ButtonText;
-    --uei-button-hover-bgcolor: SelectedItem;
-    --uei-button-hover-color: SelectedItemText;
-    --uei-button-active-bgcolor: ButtonFace;
-    --uei-button-active-color: ButtonText;
-  }
-
-  .unified-extensions-item-action-button[disabled].subviewbutton:not(:-moz-lwtheme) {
-    background-color: Canvas;
-    color: GrayText !important; /* override panelUI-shared.css */
-    opacity: 1 !important; /* override panelUI-shared.css */
-  }
-
-  .unified-extensions-item[attention] > .unified-extensions-item-action-button.subviewbutton:hover:not(:-moz-lwtheme) {
-    --uei-button-attention-dot-color: ButtonFace;
-  }
-
-  .unified-extensions-item[attention] > .unified-extensions-item-action-button.subviewbutton:hover:active:not(:-moz-lwtheme) {
-    --uei-button-attention-dot-color: ButtonText;
-  }
-
-  .unified-extensions-item-message:not(:-moz-lwtheme) {
-    color: inherit;
-  }
-
-  .unified-extensions-item > .unified-extensions-item-action-button.subviewbutton:hover:not([disabled], :-moz-lwtheme),
-  .unified-extensions-item > .unified-extensions-item-menu-button.subviewbutton:hover > .toolbarbutton-icon:not(:-moz-lwtheme) {
-    background-color: var(--uei-button-hover-bgcolor);
-    color: var(--uei-button-hover-color);
-    border-color: var(--uei-button-hover-bgcolor);
-  }
-
-  .unified-extensions-item > .unified-extensions-item-action-button.subviewbutton:hover:active:not([disabled], :-moz-lwtheme),
-  .unified-extensions-item > .unified-extensions-item-menu-button.subviewbutton:hover:active > .toolbarbutton-icon:not(:-moz-lwtheme) {
-    background-color: var(--uei-button-active-bgcolor);
-    color: var(--uei-button-active-color);
-    border-color: var(--uei-button-active-color);
-  }
 
-  .unified-extensions-item > .unified-extensions-item-menu-button.subviewbutton:focus-visible > .toolbarbutton-icon:not(:-moz-lwtheme) {
-    /* The border would otherwise overlap with the focus outline, causing an
-     * unsightly anti-aliasing artifact */
-    border-color: transparent;
+    .unified-extensions-item-action-button.subviewbutton:not([disabled]),
+    .unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon {
+      border-color: currentColor;
+      background-color: ButtonFace;
+      color: ButtonText;
+      --uei-button-hover-bgcolor: SelectedItem;
+      --uei-button-hover-color: SelectedItemText;
+      --uei-button-active-bgcolor: ButtonFace;
+      --uei-button-active-color: ButtonText;
+    }
+
+    .unified-extensions-item-action-button[disabled].subviewbutton {
+      background-color: Canvas;
+      color: GrayText !important; /* override panelUI-shared.css */
+      opacity: 1 !important; /* override panelUI-shared.css */
+    }
+
+    .unified-extensions-item[attention] > .unified-extensions-item-action-button.subviewbutton:hover:not(:active) {
+      --uei-button-attention-dot-color: ButtonFace;
+    }
+
+    .unified-extensions-item-message {
+      color: inherit;
+    }
+
+    .unified-extensions-item > .unified-extensions-item-action-button.subviewbutton:hover:not([disabled]),
+    .unified-extensions-item > .unified-extensions-item-menu-button.subviewbutton:hover > .toolbarbutton-icon {
+      background-color: var(--uei-button-hover-bgcolor);
+      color: var(--uei-button-hover-color);
+      border-color: var(--uei-button-hover-bgcolor);
+    }
+
+    .unified-extensions-item > .unified-extensions-item-action-button.subviewbutton:hover:active:not([disabled]),
+    .unified-extensions-item > .unified-extensions-item-menu-button.subviewbutton:hover:active > .toolbarbutton-icon {
+      background-color: var(--uei-button-active-bgcolor);
+      color: var(--uei-button-active-color);
+      border-color: var(--uei-button-active-color);
+    }
+
+    .unified-extensions-item > .unified-extensions-item-menu-button.subviewbutton:focus-visible > .toolbarbutton-icon {
+      /* The border would otherwise overlap with the focus outline, causing an
+       * unsightly anti-aliasing artifact */
+      border-color: transparent;
+    }
   }
 }