Bug 1266733 - Firebug theme: use white color for selected elements in the Inspector panel; r=bgrins a=ritu
authorJan Odvarko <odvarko@gmail.com>
Mon, 25 Apr 2016 17:27:17 +0200
changeset 332673 2312ffc9586602df777c20b1ed1ede61e65c4100
parent 332672 13fda2d4925ed657c90a25a78fd734016a97e13c
child 332674 39e8e0eebc51d0fefbe103958912851fc41313b6
push id6048
push userkmoir@mozilla.com
push dateMon, 06 Jun 2016 19:02:08 +0000
treeherdermozilla-beta@46d72a56c57d [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbgrins, ritu
bugs1266733
milestone48.0a2
Bug 1266733 - Firebug theme: use white color for selected elements in the Inspector panel; r=bgrins a=ritu
devtools/client/themes/markup.css
--- a/devtools/client/themes/markup.css
+++ b/devtools/client/themes/markup.css
@@ -254,30 +254,56 @@ ul.children + .tag-line::before {
   width: .8em;
   height: .8em;
   margin-top: .3em;
   left: 1px;
   position: absolute;
   z-index: 1;
 }
 
+/* Firebug Theme */
+
+.theme-firebug .theme-fg-color3 {
+  color: var(--theme-graphs-full-blue);
+}
+
+.theme-firebug .open,
+.theme-firebug .close,
+.theme-firebug .attr-name.theme-fg-color2 {
+  color: var(--theme-highlight-purple);
+}
+
+.theme-firebug .attr-value.theme-fg-color6 {
+  color: var(--theme-highlight-red);
+}
+
+.theme-firebug .markupview-events {
+  font-size: var(--theme-toolbar-font-size);
+}
+
 /* Selected nodes in the tree should have light selected text.
    theme-selected doesn't work in this case since the text is a
    sibling of the class, not a child. */
 .theme-selected ~ .editor,
 .theme-selected ~ .editor .theme-fg-color1,
 .theme-selected ~ .editor .theme-fg-color2,
 .theme-selected ~ .editor .theme-fg-color3,
 .theme-selected ~ .editor .theme-fg-color4,
 .theme-selected ~ .editor .theme-fg-color5,
 .theme-selected ~ .editor .theme-fg-color6,
 .theme-selected ~ .editor .theme-fg-color7 {
   color: var(--theme-selection-color);
 }
 
+/* Make sure even text nodes are white when selected in the Inspector panel. */
+.theme-firebug .theme-selected ~ .editor .open,
+.theme-firebug .theme-selected ~ .editor .close {
+  color: var(--theme-selection-color);
+}
+
 /* In case a node isn't displayed in the page, we fade the syntax highlighting */
 .not-displayed .open,
 .not-displayed .close {
   opacity: .7;
 }
 
 /* Events */
 .markupview-events {
@@ -289,28 +315,8 @@ ul.children + .tag-line::before {
   -moz-margin-start: 5px;
   -moz-user-select: none;
 }
 
 .markupview-events {
   background-color: var(--theme-body-color-alt);
   color: var(--theme-body-background);
 }
-
-/* Firebug Theme */
-
-.theme-firebug .theme-fg-color3 {
-  color: var(--theme-graphs-full-blue);
-}
-
-.theme-firebug .open,
-.theme-firebug .close,
-.theme-firebug .attr-name.theme-fg-color2 {
-  color: var(--theme-highlight-purple);
-}
-
-.theme-firebug .attr-value.theme-fg-color6 {
-  color: var(--theme-highlight-red);
-}
-
-.theme-firebug .markupview-events {
-  font-size: var(--theme-toolbar-font-size);
-}