Update editor.js and context viewer

src/app/editor/contextView.js

@@ -11,7 +11,7 @@ var css = csjs`
       opacity           : 0.8;
     }
   .container              {
-    padding             : 5px 15px;
+    padding             : 1px 15px;
   }
   .line                   {
     display             : flex;

src/app/editor/editor.js

@@ -31,21 +31,21 @@ document.head.appendChild(yo`
     .highlightreference {
       position:absolute;
       z-index:20;
-      background-color: lightgrey;
+      background-color: ${styles.editor.backgroundColor_Editor_Context_Highlights};
       opacity: 0.7
     }
 
     .highlightreferenceline {
       position:absolute;
       z-index:20;
-      background-color: hsla(229, 75%, 87%, .5); /* lightBlue in style-guide.js*/
+      background-color: ${styles.editor.backgroundColor_Editor_Context_Highlights};
       opacity: 0.7
     }
 
     .highlightcode {
       position:absolute;
       z-index:20;
-      background-color:hsla(0, 82%, 82%, 1); /* red in style-guide.js */
+      background-color: ${styles.editor.backgroundColor_Editor_Context_Error_Highlights};
      }
   </style>
 `)

src/app/panels/editor-panel.js

@@ -171,7 +171,7 @@ var css = csjs`
   }
   .contextviewcontainer{
     width             : 100%;
-    height            : 30px;
+    height            : 20px;
     background-color  : ${styles.editor.backgroundColor_Tabs_Highlights};
   }
 `