DevTools: highlight attributes on selected DOM node

Source/devtools/front_end/elements/elementsTreeOutline.css

Index: Source/devtools/front_end/elements/elementsTreeOutline.css
diff --git a/Source/devtools/front_end/elements/elementsTreeOutline.css b/Source/devtools/front_end/elements/elementsTreeOutline.css
index c0ef71fc87a658ae142c1856b4c318743925179c..bab2a7f6b8ae0229fad13bd7c921f7b957790d89 100644
--- a/Source/devtools/front_end/elements/elementsTreeOutline.css
+++ b/Source/devtools/front_end/elements/elementsTreeOutline.css
@@ -304,3 +304,19 @@ ol:hover > li > .elements-tree-shortcut-link {
     color: rgb(87, 87, 87);
     display: none;
 }
+
+ol:focus li.selected .webkit-html-tag {
+    color: #A5A5A5;

[pfeldman, 2015/08/21 01:36:46]

#a5a5a5

+}
+
+ol:focus li.selected .webkit-html-tag-name,
+ol:focus li.selected .webkit-html-close-tag-name,
+ol:focus li.selected .webkit-html-attribute-value,
+ol:focus li.selected .webkit-html-external-link,
+ol:focus li.selected .webkit-html-resource-link {
+    color: white;
+}
+
+ol:focus li.selected .webkit-html-attribute-name {
+    color: #CCCCCC;

[pfeldman, 2015/08/21 01:36:46]

#ccc

+}