Bug 1225865 - Control Center (identity-box) missing :hover:active styling. r=dao

--HG--
extra : rebase_source : 2f1e34f172758ddfc9b9249d06d3466e3ef2a077

browser/themes/osx/browser.css

@@ -1682,7 +1682,8 @@ toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
     padding-bottom: 4px;
   }
   #identity-box {
-    --identity-box-selected-background-color: rgb(240,237,237);
+    --identity-box-hover-background-color: rgb(240,237,237);
+    --identity-box-selected-background-color: rgb(220,217,217);
   }
 }
 

browser/themes/shared/devedition.inc.css

@@ -64,7 +64,8 @@
 :root[devtoolstheme="dark"] #identity-box {
   --identity-box-chrome-color: #46afe3;
   --identity-box-verified-background-color: transparent;
-  --identity-box-selected-background-color: rgba(231,230,230,.2);
+  --identity-box-hover-background-color: rgba(231,230,230,.2);
+  --identity-box-selected-background-color: rgba(211,210,210,.2);
 }
 
 :root[devtoolstheme="light"] {

browser/themes/shared/identity-block/identity-block.inc.css

@@ -5,7 +5,8 @@
 %endif
 
 #identity-box {
-  --identity-box-selected-background-color: rgb(231,230,230);
+  --identity-box-hover-background-color: rgb(231,230,230);
+  --identity-box-selected-background-color: rgb(211,210,210);
   --identity-box-verified-color: hsl(92,100%,30%);
 %ifdef MOZ_OFFICIAL_BRANDING
   --identity-box-chrome-color: rgb(229,115,0);
@@ -34,10 +35,18 @@
 
 #identity-box:hover,
 #identity-box[open=true] {
-  background-color: var(--identity-box-selected-background-color);
   border-image-source: none;
 }
 
+#identity-box:hover {
+  background-color: var(--identity-box-hover-background-color);
+}
+
+#identity-box:hover:active,
+#identity-box[open=true] {
+  background-color: var(--identity-box-selected-background-color);
+}
+
 #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
   color: var(--identity-box-verified-color);
 }