fix terminal bootstrap

src/app/panels/styles/terminal-styles.js

@@ -6,7 +6,6 @@ var css = csjs`
     display           : flex;
     flex-direction    : column;
     font-size         : 12px;
-    color             : var(--primary);
     height            : 100%;
     min-height        : 1.7em;
     overflow          : hidden;
@@ -18,7 +17,6 @@ var css = csjs`
     z-index           : 3;
   }
   .menu               {
-    color             : var(--primary);
     position          : relative;
     display           : flex;
     align-items       : center;
@@ -28,7 +26,6 @@ var css = csjs`
     margin-right      : 20px;
     width             : 10px;
     cursor            : pointer;
-    color             : var(--primary);
     display           : flex;
   }
   .clear:hover              {
@@ -40,7 +37,6 @@ var css = csjs`
     font-size         : 14px;
     font-weight       : bold;
     cursor            : pointer;
-    color             : var(--primary);
   }
   .toggleTerminal:hover              {
     color             : var(--secondary);
@@ -73,7 +69,6 @@ var css = csjs`
     line-height       : 2ch;
     padding           : 1ch;
     margin-top        : 2ch;
-    color             : var(--primary)
   }
   .cli                {
     line-height       : 1.7em;
@@ -87,7 +82,6 @@ var css = csjs`
     font-family       : monospace;
     font-weight       : bold;
     font-size         : 14px;
-    color             : var(--secondary);
   }
   .input              {
     word-break        : break-all;
@@ -107,7 +101,6 @@ var css = csjs`
     border-bottom-left-radius   : 0px;
   }
   .searchIcon {
-    color                       : var(--primary)
     height                      : 25px;
     width                       : 25px;
     border-top-left-radius      : 3px;

src/app/panels/terminal.js

@@ -119,7 +119,7 @@ class Terminal {
     `
     self._view.input.innerText = '\n'
     self._view.cli = yo`
-      <div class="${css.cli} bg-light">
+      <div class="${css.cli}">
         <span class=${css.prompt}>${'>'}</span>
         ${self._view.input}
       </div>
@@ -132,7 +132,7 @@ class Terminal {
     self._view.dropdown = self._components.dropdown.render()
     self._view.pendingTxCount = yo`<div class=${css.pendingTx} title='Pending Transactions'>0</div>`
     self._view.bar = yo`
-      <div class="${css.bar} bg-light">
+      <div class="${css.bar}">
         ${self._view.dragbar}
         <div class=${css.menu}>
           ${self._view.icon}
@@ -156,7 +156,7 @@ class Terminal {
       </div>
     `
     self._view.term = yo`
-      <div class="${css.terminal_container} bg-light" onscroll=${throttle(reattach, 10)} onclick=${focusinput}>
+      <div class="${css.terminal_container}" onscroll=${throttle(reattach, 10)} onclick=${focusinput}>
         <div class=${css.terminal}>
             ${self._view.journal}
             ${self._view.cli}
@@ -165,7 +165,7 @@ class Terminal {
     `
     self._view.autoCompletePopup = self._components.autoCompletePopup.render()
     self._view.el = yo`
-      <div class="${css.panel} bg-light">
+      <div class="${css.panel}">
         ${self._view.bar}
         ${self._view.term}
       </div>

src/app/ui/auto-complete-popup.js

@@ -6,7 +6,7 @@ var modal = require('./modaldialog.js')
 
 // -------------- styling ----------------------
 var css = require('./styles/auto-complete-popup-styles')
-var cssModal = require('./styles/modaldialog-styles')
+// var cssModal = require('./styles/modaldialog-styles')
 
 /* USAGE:
 
@@ -32,11 +32,13 @@ class AutoCompletePopup {
   }
 
   resetCSSValuesModalContainer () {
+    /*
     var modalContainer = document.querySelector(`.${cssModal.modal}`)
     modalContainer.style.display = 'none'
     var modalContent = document.querySelector(`.${css.modalContent}`)
     let newModalContent = modalContent ? document.querySelector(`.${css.modalContent}`) : document.querySelector(`.${cssModal.modalContent}`)
     newModalContent.className = cssModal.modalContent
+    */
   }
 
   render () {
@@ -121,9 +123,11 @@ class AutoCompletePopup {
     }
 
     function editCSSValuesModalContainer () {
+      /*
       var modalContent = document.querySelector(`.${cssModal.modalContent}`)
       let newModalContent = modalContent ? document.querySelector(`.${cssModal.modalContent}`) : document.querySelector(`.${css.modalContent}`)
       newModalContent.className = css.modalContent
+      */
     }
 
     setUpPopUp()