DevTools: Drop color intensity of DOM symbols for readability

BUG=523164

Review URL: https://codereview.chromium.org/1304023002

git-svn-id: svn://svn.chromium.org/blink/trunk@201010 bbb929c8-8fbe-4397-9dbb-9b2b20218538

third_party/WebKit/Source/devtools/front_end/elements/ElementsTreeElement.js

@@ -1305,7 +1305,7 @@ WebInspector.ElementsTreeElement.prototype = {
             classes.push("close");
         var tagElement = parentElement.createChild("span", classes.join(" "));
         tagElement.createTextChild("<");
-        var tagNameElement = tagElement.createChild("span", isClosingTag ? "" : "webkit-html-tag-name");
+        var tagNameElement = tagElement.createChild("span", isClosingTag ? "webkit-html-close-tag-name" : "webkit-html-tag-name");
         tagNameElement.textContent = (isClosingTag ? "/" : "") + tagName;
         if (!isClosingTag) {
             if (node.hasAttributes()) {

third_party/WebKit/Source/devtools/front_end/ui/inspectorSyntaxHighlight.css

@@ -57,6 +57,10 @@
 }
 
 .webkit-html-tag {
+    color: rgb(168, 148, 166);
+}
+
+.webkit-html-tag-name, .webkit-html-close-tag-name {
     /* Keep this in sync with view-source.css (.webkit-html-tag) */
     color: rgb(136, 18, 128);
 }