fix(ui): Customize the border styles

src/app/panels/righthand-panel.js

@@ -141,10 +141,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/file-panel-styles.js

@@ -82,7 +82,7 @@ var css = csjs`
     bottom            : 0;
     cursor            : col-resize;
     z-index           : 999;
-    border-right      : 2px solid hsla(215, 81%, 79%, .3);
+    border-right      : 2px solid hsla(0, 0%, 40%, .2);
   }
   .ghostbar           {
     width             : 3px;

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,
 
     /* ------------------------------------------------------