Update syntax highlighting (#1002)

resources/sass/syntaxhighlight.scss

@@ -1,43 +1,27 @@
-.vjs__tree {
-    .vjs__tree__content {
-        border-left: 1px dotted rgba(204, 204, 204, 0.28) !important;
+.vjs-tree {
+    font-family: 'Monaco', 'Menlo', 'Consolas', 'Bitstream Vera Sans Mono', monospace !important;
+
+    &.is-root {
+        position: relative;
+    }
+    .vjs-tree__content {
+        padding-left: 1em;
+        &.has-line {
+            border-left: 1px dotted rgba(204, 204, 204, 0.28) !important;
+        }
     }
-    .vjs__tree__node {
+    .vjs-tree__brackets {
         cursor: pointer;
         &:hover {
             color: #20a0ff;
         }
     }
-    .vjs-checkbox {
-        position: absolute;
-        left: -30px;
-    }
-    .vjs__value__null {
-        color: #a291f5 !important;
-    }
-    .vjs__value__number,
-    .vjs__value__boolean {
+    .vjs-value__null,
+    .vjs-value__number,
+    .vjs-value__boolean {
         color: #a291f5 !important;
     }
-    .vjs__value__string {
+    .vjs-value__string {
         color: #dacb4d !important;
     }
 }
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-addition {
-    color: #8bd72f;
-}
-
-.hljs-string,
-.hljs-meta .hljs-meta-string,
-.hljs-doctag,
-.hljs-regexp {
-    color: #dacb4d;
-}
-
-.hljs-number,
-.hljs-literal {
-    color: #a291f5 !important;
-}