Bug 1454232 - Use toolbarbutton-attention-fill for syncing animation. r=dao, a=RyanVM
authorTim Nguyen <ntim.bugs@gmail.com>
Sun, 27 May 2018 20:32:19 +0200
changeset 473604 e049dc25908cf34ecde90b6d47eb2aa1b896c132
parent 473603 5c84b9f83fc65cc4ccfae88a8c1e566d7f27f823
child 473605 30b75eae500bb1a8d6c21e0050ca606a9a7da0a6
push id1728
push userjlund@mozilla.com
push dateMon, 18 Jun 2018 21:12:27 +0000
treeherdermozilla-release@c296fde26f5f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao, RyanVM
bugs1454232
milestone61.0
Bug 1454232 - Use toolbarbutton-attention-fill for syncing animation. r=dao, a=RyanVM MozReview-Commit-ID: 87V68Vud2ep
browser/themes/shared/customizableui/panelUI.inc.css
browser/themes/shared/toolbarbutton-icons.inc.css
--- a/browser/themes/shared/customizableui/panelUI.inc.css
+++ b/browser/themes/shared/customizableui/panelUI.inc.css
@@ -519,17 +519,17 @@ toolbarbutton[constrain-size="true"][cui
 @keyframes syncRotate {
   from { transform: rotate(0); }
   to { transform: rotate(360deg); }
 }
 
 #appMenu-fxa-icon[syncstatus="active"] > .toolbarbutton-icon,
 #PanelUI-remotetabs-syncnow[syncstatus="active"] > .toolbarbutton-icon {
   animation: syncRotate 0.8s linear infinite;
-  fill: #0a84ff;
+  fill: var(--toolbarbutton-icon-fill-attention);
 }
 
 #appMenu-fxa-status {
   -moz-box-align: center;
 }
 
 #appMenu-fxa-avatar {
   pointer-events: none;
--- a/browser/themes/shared/toolbarbutton-icons.inc.css
+++ b/browser/themes/shared/toolbarbutton-icons.inc.css
@@ -1,16 +1,17 @@
 :root {
   --toolbarbutton-icon-fill-attention: var(--lwt-toolbarbutton-icon-fill-attention, #0a84ff);
 }
 
 :root:-moz-lwtheme {
   --toolbarbutton-icon-fill-opacity: 1;
 }
 
+:root[lwt-popup-brighttext] panel,
 toolbar[brighttext] {
   --toolbarbutton-icon-fill-attention: var(--lwt-toolbarbutton-icon-fill-attention, #45a1ff);
 }
 
 .toolbarbutton-animatable-box,
 .toolbarbutton-1 {
   color: inherit;
   -moz-context-properties: fill, fill-opacity;