diff --git a/browser/themes/osx/downloads/downloads.css b/browser/themes/osx/downloads/downloads.css index 82cf5367bcae..dd3c4d5262ac 100644 --- a/browser/themes/osx/downloads/downloads.css +++ b/browser/themes/osx/downloads/downloads.css @@ -24,6 +24,7 @@ outline-offset: -2px; } +@media not (-moz-proton-doorhangers) { @item@[verdict="Malware"]:not(:hover) { color: #aa1b08; } @@ -31,6 +32,7 @@ :root[lwt-popup-brighttext] @item@[verdict="Malware"]:not(:hover) { color: #ff0039; } +} /** END not Proton **/ .downloadProgress::-moz-progress-bar { background-color: #3c9af8; diff --git a/browser/themes/shared/downloads/downloads.inc.css b/browser/themes/shared/downloads/downloads.inc.css index e9235a496597..e2373577bca4 100644 --- a/browser/themes/shared/downloads/downloads.inc.css +++ b/browser/themes/shared/downloads/downloads.inc.css @@ -39,6 +39,27 @@ height: 3.1em; padding: 0.31em; margin: 0.31em 0; + border-radius: 4px; +} + +@itemFinished@[exists]:hover, +@item@[verdict]:hover, +.downloadsPanelFooterButton:hover { + background-color: var(--button-hover-bgcolor); +} + +@itemFinished@[exists]:hover:active, +.downloadsPanelFooterButton[open="true"], +@item@[verdict]:hover:active { + background-color: var(--button-active-bgcolor); +} + +@item@[verdict="Malware"] .downloadDetails { + color: #C50042; +} + +:root[lwt-popup-brighttext] @item@[verdict="Malware"] .downloadDetails { + color: #FF848B; } .downloadTypeIcon { @@ -55,7 +76,6 @@ .downloadTypeIcon { margin: 8px 13px; } -}/** END not Proton **/ .downloadsPanelFooterButton:hover { outline: 1px solid var(--arrowpanel-dimmed); @@ -66,6 +86,25 @@ outline: 1px solid var(--arrowpanel-dimmed-further); } +@itemFinished@[exists] .downloadMainArea:hover, +@item@:not([verdict]) > .downloadButton:hover, +@item@[verdict]:hover { + background-color: var(--arrowpanel-dimmed); +} + +@itemFinished@[exists] > .downloadMainArea:hover:active, +@item@:not([verdict]) > .downloadButton:hover:active, +@item@[verdict]:hover:active { + background-color: var(--arrowpanel-dimmed-further); +} + +@item@[verdict="Malware"]:hover, +@item@[verdict="Malware"]:hover:active { + background-color: #aa1b08; + color: white; +} +}/** END not Proton **/ + @notKeyfocus@ .downloadsPanelFooterButton:-moz-focusring { outline: none; } @@ -191,24 +230,6 @@ padding: 0; } -@itemFinished@[exists] .downloadMainArea:hover, -@item@:not([verdict]) > .downloadButton:hover, -@item@[verdict]:hover { - background-color: var(--arrowpanel-dimmed); -} - -@itemFinished@[exists] > .downloadMainArea:hover:active, -@item@:not([verdict]) > .downloadButton:hover:active, -@item@[verdict]:hover:active { - background-color: var(--arrowpanel-dimmed-further); -} - -@item@[verdict="Malware"]:hover, -@item@[verdict="Malware"]:hover:active { - background-color: #aa1b08; - color: white; -} - /*** Button icons ***/ .downloadIconCancel > .button-box > .button-icon { diff --git a/browser/themes/windows/downloads/downloads.css b/browser/themes/windows/downloads/downloads.css index 3e62b9359ea3..61a1cc83ef12 100644 --- a/browser/themes/windows/downloads/downloads.css +++ b/browser/themes/windows/downloads/downloads.css @@ -27,6 +27,7 @@ } @media (-moz-windows-default-theme) { + @media not (-moz-proton-doorhangers) { @item@[verdict="Malware"]:not(:hover) { color: #aa1b08; } @@ -34,6 +35,7 @@ :root[lwt-popup-brighttext] @item@[verdict="Malware"]:not(:hover) { color: #ff0039; } + } /** END not Proton **/ /* Use unified color for the progressbar on default theme */ .downloadProgress::-moz-progress-bar {