Bug 1301042 - Firebug Theme - Make differences between checked style and unchecked style for toolbox-buttons, r=ntim

MozReview-Commit-ID: AFRsuOUmelO

--HG--
extra : rebase_source : de5d009de5054bbdee62e41e975ddf08623b397f

devtools/client/themes/common.css

@@ -391,6 +391,15 @@ checkbox:-moz-focusring {
   filter: var(--checked-icon-filter);
 }
 
+/* Checked/opened icon button background */
+.theme-firebug .devtools-button[checked]:empty,
+.theme-firebug .devtools-button[open]:empty,
+.theme-firebug .devtools-button.checked,
+.theme-firebug .devtools-toolbarbutton:not([label])[checked=true],
+.theme-firebug .devtools-toolbarbutton:not([label])[open=true] {
+  background-color: #C8D8E7;
+}
+
 /* Icon-and-text buttons */
 .devtools-toolbarbutton.icon-and-text .toolbarbutton-text {
   margin-inline-start: .5em !important;

devtools/client/themes/toolbox.css

@@ -359,7 +359,8 @@
 }
 
 #command-button-frames {
-  background: url("chrome://devtools/skin/images/dropmarker.svg") no-repeat;
+  background-image: url("chrome://devtools/skin/images/dropmarker.svg");
+  background-repeat: no-repeat;
 
   /* Override background-size from the command-button.
    The drop down arrow is smaller */