Use google-code-prettify instead of highlightjs for better performance

bower.json

@@ -12,6 +12,6 @@
     "core-header-panel": "Polymer/core-header-panel#master",
     "context-free-parser": "Polymer/context-free-parser#master",
     "marked-element": "PolymerLabs/marked-element#master",
-    "highlightjs-element": "PolymerLabs/highlightjs-element#master"
+    "prettify-element": "PolymerLabs/prettify-element#master"
   }
 }

elements/core-doc-page.css

@@ -180,3 +180,32 @@ pre code {
   font-size: 1.2em;
 }
 
+code, pre {
+  color: #9f499b;
+  font-family: "Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace;
+}
+
+pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline {
+    color: #6b499f
+}
+pre .pun,.prettyprint .pun {
+    color: #5c6bc0
+}
+pre .str,pre .string,.prettyprint .str,.prettyprint .string {
+    color: #ff4081
+}
+pre .pln,.prettyprint .pln {
+    color: #7986cb
+}
+pre .kwd,.prettyprint .kwd {
+    color: #d61a7f
+}
+pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name {
+    color: #6b499f
+}
+pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value {
+    color: #7986cb
+}
+pre .com,pre .comment,.prettyprint .com,.prettyprint .comment {
+    color: #8a8a8a
+}

elements/core-doc-page.html

@@ -4,7 +4,7 @@
 <link rel="import" href="../../core-toolbar/core-toolbar.html">
 <link rel="import" href="../../core-header-panel/core-header-panel.html">
 <link rel="import" href="../../marked-element/marked-element.html">
-<link rel="import" href="../../highlightjs-element/highlightjs-element.html">
+<link rel="import" href="../../prettify-element/prettify-import.html">
 <link rel="import" href="../../context-free-parser/context-free-parser.html">
 
 <!--
@@ -26,7 +26,6 @@
 
   <template>
 
-    <link rel="stylesheet" href="../../highlightjs/styles/default.css">
     <link rel="stylesheet" href="core-doc-page.css">
 
     <core-header-panel id="panel" mode="waterfall">
@@ -136,7 +135,7 @@ <h1 style="font-size: 52px; color: #E91E63;">
     Polymer('core-doc-page', {
 
       hilight: function(event, detail, sender) {
-        detail.code = hljs.highlightAuto(detail.code).value;
+        detail.code = prettyPrintOne((detail.code || '').replace(/</g,'&lt;').replace(/>/g,'&gt;'));
       },
 
       homepageFilter: function(data) {