Backed out changeset cb24192713ff (bug 1710918) for causing bc failures on browser_parsable_css.js. CLOSED TREE

browser/themes/osx/downloads/downloads.css

@@ -24,6 +24,14 @@
   outline-offset: -2px;
 }
 
+.downloadProgress::-moz-progress-bar {
+  background-color: #3c9af8;
+}
+
+.downloadProgress[paused]::-moz-progress-bar {
+  background-color: #a6a6a6;
+}
+
 /*** Highlighted list items ***/
 
 @keyfocus@ @itemFocused@ {

browser/themes/shared/downloads/progressmeter.inc.css

@@ -4,32 +4,6 @@
 
 /*** Common-styled progressmeter ***/
 
-:root {
-  --download-progress-fill-color: -moz-accent-color;
-  --download-progress-paused-color: GrayText;
-  --download-progress-flare-color: rgba(255,255,255,0.75);
-}
-
-/* download progress bar is used in contexts which are not LightweightThemeConsumers and
-   do not get the lwt- theme variables. So we duplicate the fallbacks here. */
-:root:-moz-lwtheme {
-  --download-progress-fill-color: var(--lwt-toolbarbutton-icon-fill-attention, rgb(0,97,224));
-}
-
-@media (-moz-toolbar-prefers-color-scheme: dark) {
-  :root {
-    --download-progress-fill-color: var(--lwt-toolbarbutton-icon-fill-attention, rgb(0,221,255));
-  }
-  #contentAreaDownloadsView {
-    --download-progress-fill-color: var(--in-content-item-selected);
-  }
-}
-
-:root[lwt-popup-brighttext] panel,
-toolbar[brighttext]:-moz-lwtheme {
-  --download-progress-fill-color: var(--lwt-toolbarbutton-icon-fill-attention, rgb(0,221,255));
-}
-
 /*
  * Styling "html:progress" is limited by the fact that a number of properties
  * are intentionally locked at the UA stylesheet level. We have to use a border
@@ -42,41 +16,33 @@ toolbar[brighttext]:-moz-lwtheme {
 .downloadProgress {
   appearance: none;
   display: -moz-box;
-  margin-block: 5px 1px;
+  margin: 4px 0 0;
   margin-inline-end: 12px;
-  border: none;
-  height: 4px;
-  border-radius: 2px;
-  background-color: color-mix(in srgb, currentColor 15%, transparent);
-}
-
-/* Ensure we have contrast in selected download items */
-#downloadsRichListBox richlistitem[selected] .downloadProgress::-moz-progress-bar {
-  --download-progress-fill-color: currentColor;
-  --download-progress-flare-color:  -moz-accent-color;
+  border: 1px solid ButtonShadow;
+  height: 6px;
+  background-color: ButtonFace;
 }
 
 .downloadProgress::-moz-progress-bar {
   appearance: none;
-  background-color: var(--download-progress-fill-color);
-  border-radius: 2px;
+  background-color: Highlight;
 }
 
 .downloadProgress[paused]::-moz-progress-bar {
-  background-color: var(--download-progress-paused-color);
+  background-color: GrayText;
 }
 
 .downloadProgress:indeterminate::-moz-progress-bar {
   width: calc(100% + 2px);
   /* Make a white reflecting animation.
-     Create a gradient with 2 identical patterns, and enlarge the size to 200%.
+     Create a gradient with 2 identical pattern, and enlarge the size to 200%.
      This allows us to animate background-position with percentage. */
-  background: var(--download-progress-fill-color) linear-gradient(90deg, transparent 0%,
-                                           var(--download-progress-flare-color) 25%,
+  background-image: linear-gradient(90deg, transparent 0%,
+                                           rgba(255,255,255,0.5) 25%,
                                            transparent 50%,
-                                           var(--download-progress-flare-color) 75%,
+                                           rgba(255,255,255,0.5) 75%,
                                            transparent 100%);
-  background-blend-mode: normal;
+  background-blend-mode: lighten;
   background-size: 200% 100%;
   animation: downloadProgressSlideX 1.5s linear infinite;
 }

browser/themes/windows/downloads/downloads.css

@@ -26,6 +26,18 @@
   outline: none;
 }
 
+@media (-moz-windows-default-theme) {
+
+  /* Use unified color for the progressbar on default theme */
+  .downloadProgress::-moz-progress-bar {
+    background-color: #3c9af8;
+  }
+
+  .downloadProgress[paused]::-moz-progress-bar {
+    background-color: #a6a6a6;
+  }
+}
+
 /*** Highlighted list items ***/
 
 @keyfocus@ @itemFocused@ {