DevTools: Colorize more types in JS syntax highlighting

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

Index: third_party/WebKit/Source/devtools/front_end/ui/inspectorSyntaxHighlight.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/inspectorSyntaxHighlight.css b/third_party/WebKit/Source/devtools/front_end/ui/inspectorSyntaxHighlight.css
index 0aa5c709fc9a8abf48f61bdc0fbcaa860b1ca2a3..0560a34956138e9d92646781fe4c44ac6239b4f1 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/inspectorSyntaxHighlight.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/inspectorSyntaxHighlight.css
@@ -25,12 +25,16 @@
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
-.cm-js-keyword {color: rgb(170, 13, 145);}
-.cm-js-number {color: rgb(28, 0, 207);}
-.cm-js-comment {color: rgb(0, 116, 0) !important;}
-.cm-js-string {color: rgb(196, 26, 22) !important;}
-.cm-js-string-2 {color: rgb(196, 26, 22) !important;}
-.cm-js-atom {color: rgb(170, 13, 145);}
+.cm-js-keyword {color: hsl(310, 86%, 36%);}
+.cm-js-number {color: hsl(248, 100%, 41%);}
+.cm-js-comment {color: hsl(120, 100%, 23%) !important; font-style: italic;}
+.cm-js-string {color: hsl(1, 80%, 43%) !important;}
+.cm-js-string-2 {color: hsl(1, 99%, 39%) !important;}
+.cm-js-atom {color: hsl(310, 86%, 36%);}
+.cm-js-def {color: hsl(240, 73%, 38%);}
+.cm-js-operator {color: hsl(184, 71%, 31%); }
+.cm-js-variable {color: hsl(185, 30%, 39%);}
+.cm-js-property {color:  black;}
 
 .cm-css-keyword { color: rgb(7, 144, 154);}
 .cm-css-number {color: rgb(50, 0, 255);}