add basic implementation of hightlight.js

examples/Components/App/style.scss

@@ -37,9 +37,62 @@
       background: $color-black;
       color: $color-white;
       font-size: 0.8rem;
+      overflow-x: auto;
 
       code {
         display: block;
+
+        .hljs-comment,
+        .hljs-quote {
+          color: #999999;
+        }
+
+        .hljs-variable,
+        .hljs-template-variable,
+        .hljs-attribute,
+        .hljs-tag,
+        .hljs-name,
+        .hljs-regexp,
+        .hljs-link,
+        .hljs-name,
+        .hljs-selector-id,
+        .hljs-selector-class {
+          color: #f2777a;
+        }
+
+        .hljs-number,
+        .hljs-meta,
+        .hljs-built_in,
+        .hljs-builtin-name,
+        .hljs-literal,
+        .hljs-type,
+        .hljs-params {
+          color: #f99157;
+        }
+
+        .hljs-string,
+        .hljs-symbol,
+        .hljs-bullet {
+          color: #99cc99;
+        }
+
+        .hljs-title,
+        .hljs-section {
+          color: #ffcc66;
+        }
+
+        .hljs-keyword,
+        .hljs-selector-tag {
+          color: #6699cc;
+        }
+
+        .hljs-emphasis {
+          font-style: italic;
+        }
+
+        .hljs-strong {
+          font-weight: 700;
+        }
       }
     }