fix(ui): Customize the border styles

My commit message body

Ref: #1198

src/app/panels/left-icon-panel.js

@@ -151,10 +151,11 @@ const css = csjs`
   }
   .dragbar             {
     position           : absolute;
-    width              : 0.5em;
+    width              : 2px;
     top                : 3em;
     bottom             : 0;
     cursor             : col-resize;
+    background-color   : hsla(0, 0%, 40%, .2);
     z-index            : 999;
     border-left        : 2px solid ${styles.rightPanel.bar_Dragging};
   }

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

@@ -78,7 +78,7 @@ var css = csjs`
     line-height       : 2ch;
     padding           : 1ch;
     margin-top        : 2ch;
-    border-top        : 0.07ch solid ${styles.colors.veryLightGrey};
+    border-top        : 2px solid ${styles.colors.veryLightGrey};
     color             : ${styles.appProperties.mainText_Color};
   }
   .cli                {

src/app/ui/styles-guide/styleGuideDavid.js

@@ -23,7 +23,6 @@ function styleGuideDavid () {
       blue: 'hsla(229, 75%, 87%, 1)',
       lightBlue: 'hsla(229, 75%, 87%, .5)',
       backgroundBlue: 'hsla(229, 100%, 97%, 1)',
-      blueLightTrans: 'hsla(202, 91%, 75%, .4)',
       brightBlue: 'hsla(233, 91%, 58%, 1)',
       azure: '#dbe9f4',
       // GREY
@@ -94,7 +93,7 @@ function styleGuideDavid () {
     /* ------------------------------------------------------
                               RESIZING
     ******************************************************** */
-    ghostBar: cssProperties.colors.blueLightTrans,
+    ghostBar: cssProperties.colors.veryLightGrey,
     draggingBar: cssProperties.colors.blueGreyEve,
 
     /* ------------------------------------------------------