X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fcustomizableui%2FpanelUIOverlay.css;h=da83607c154b463c3aa6873952196fc8ac8cf627;hb=e26e584d74ccd90fd37fa22ad74bc5119d742fe1;hp=9ae0fbc500b8ecd2fc24d57b059f09db5d30ac50;hpb=b1dfcf3228675c75fda183c9cd0161c9be5d4047;p=themes.git

diff --git a/LCARStrek/browser/customizableui/panelUIOverlay.css b/LCARStrek/browser/customizableui/panelUIOverlay.css
index 9ae0fbc5..da83607c 100644
--- a/LCARStrek/browser/customizableui/panelUIOverlay.css
+++ b/LCARStrek/browser/customizableui/panelUIOverlay.css
@@ -14,7 +14,8 @@
 
 #PanelUI-popup #PanelUI-contents:empty::before {
   content: "";
-  background-image: url("chrome://browser/skin/customizableui/whimsy-bw.png");
+  background-image: url(chrome://browser/skin/customizableui/whimsy.png);
+  background-size: 64px 64px;
   display: block;
   width: 64px;
   height: 64px;
@@ -24,6 +25,10 @@
              whimsyMoveY 3.4s linear 0s infinite alternate;
 }
 
+#PanelUI-popup #PanelUI-contents:not(:hover):empty::before {
+  filter: grayscale(100%);
+}
+
 #PanelUI-popup #PanelUI-contents:active:empty::before {
   animation: whimsyMoveX 3.05s linear 0s infinite alternate,
              whimsyMoveY 3.4s linear 0s infinite alternate,
@@ -41,16 +46,8 @@
              whimsyRotate 1s linear 0s infinite normal;
 }
 
-#PanelUI-popup #PanelUI-contents:empty:hover::before {
-  background-image: url("chrome://browser/skin/customizableui/whimsy.png");
-}
-
 @media (min-resolution: 2dppx) {
   #PanelUI-popup #PanelUI-contents:empty::before {
-    background-image: url("chrome://browser/skin/customizableui/whimsy-bw@2x.png");
-    background-size: 64px 64px;
-  }
-  #PanelUI-popup #PanelUI-contents:empty:hover::before {
     background-image: url("chrome://browser/skin/customizableui/whimsy@2x.png");
   }
 }
@@ -94,18 +91,18 @@
 }
 
 #PanelUI-menu-button[badge-status="update-succeeded"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
-  background-image: url(chrome://browser/skin/update-badge.svg);
-  background-color: #008484;
+  background: #008484 url(chrome://browser/skin/update-badge.svg) no-repeat center;
+  height: 13px;
 }
 
 #PanelUI-menu-button[badge-status="update-failed"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
-  background-image: url(chrome://browser/skin/update-badge-failed.svg);
-  background-color: #FF0000;
+  background: #FF0000 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center;
+  height: 13px;
 }
 
 #PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
-  background-color: transparent;
-  background-image: url(chrome://browser/skin/warning.svg);
+  background: transparent url(chrome://browser/skin/warning.svg) no-repeat center;
+  height: 13px;
   box-shadow: none;
 }