second part of syncing LCARStrek with Firefox 39 windows theme changes

[themes.git] / LCARStrek / browser / devtools / ruleview.css

diff --git a/LCARStrek/browser/devtools/ruleview.css b/LCARStrek/browser/devtools/ruleview.css
index 9bda6bb0f0c373d42c5d115ff145ca2f1a38fa9f..813ce7f894f2ba49989030cf91a36172a2409c2a 100644 (file)
--- a/LCARStrek/browser/devtools/ruleview.css
+++ b/LCARStrek/browser/devtools/ruleview.css
@@ -45,7 +45,7 @@
 
 /* User agent styles are not editable, display them differently */
 .ruleview-rule[uneditable=true] {
-  background: #282425; /* Tab Toolbar */
+  background: var(--theme-toolbar-background);
 }
 
 .ruleview-rule[uneditable=true] :focus {
@@ -53,7 +53,7 @@
 }
 
 .ruleview-rule[uneditable=true] .theme-link {
-  color: #336699; /* Blue - Grey */
+  color: var(--theme-text-blue);
 }
 
 .ruleview-rule[uneditable=true] .ruleview-enableproperty {
@@ -199,7 +199,7 @@
 }
 
 .ruleview-property[dirty] {
-  border-left-color: #9C9CFF; /* Green */
+  border-left-color: var(--theme-highlight-green);
 }
 
 .ruleview-namecontainer > .ruleview-propertyname,
@@ -219,3 +219,19 @@
 .ruleview-selector-separator, .ruleview-selector-unmatched {
   color: #8050B0;
 }
+
+.ruleview-selectorhighlighter {
+  background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0;
+  padding-left: 16px;
+  margin-left: 5px;
+  cursor: pointer;
+}
+
+.ruleview-selectorhighlighter:hover {
+  background-position: -32px 0;
+}
+
+.ruleview-selectorhighlighter:active,
+.ruleview-selectorhighlighter.highlighted {
+  background-position: -16px 0;
+}