Pass over the codemirror theme + some minor fixes

css/darcula.css

@@ -1,6 +1,6 @@
 .cm-s-darcula.CodeMirror {
 	background-color: #444;
-    color:#ccc;
+    color:#b8c4cf;
     padding-left: 8px;
 }
 .cm-s-darcula .CodeMirror-sizer{
@@ -14,9 +14,13 @@
 .cm-s-darcula .CodeMirror-vscrollbar{
 	overflow-y: hidden;
 }
+/*
 .cm-s-darcula ::-webkit-scrollbar {
-    width: 10px;
+    width: 14px;
+    height: 14px;
 }
+*/
+/*
 .cm-s-darcula ::-webkit-scrollbar-track {
     background: transparent;
 }
@@ -30,6 +34,7 @@
 .cm-s-darcula ::-webkit-scrollbar-thumb:active{
 	background: rgba(255,255,255,.4);
 }
+*/
 
 .cm-s-darcula.CodeMirror .inline-widget{
 	background: #272727;
@@ -47,19 +52,23 @@
 	color: #fff;
 }
 .cm-s-darcula.CodeMirror .CodeMirror-gutters {
-    border-color: #202020;
+    border-style: none;
     background: #202020;
 }
 .cm-s-darcula.CodeMirror .CodeMirror-linenumbers {
-	background-color: #202020;
+	background-color: #393939;
+    background-image: linear-gradient(to bottom, #393939 33%, #686868 67%);
+    background-position: right;
+    background-size: 1px 3px;
+    background-repeat: repeat-y;
 }
 .cm-s-darcula.CodeMirror .CodeMirror-linenumber {
-	color: #99997a;
+	color: #80939b;
 	padding-left: 15px;
 }
 .cm-s-darcula.CodeMirror .CodeMirror-activeline,
 .cm-s-darcula.CodeMirror.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt{
-	background: rgba(255,255,255,.1);
+	background-color: #666;
 }
 .cm-s-darcula.CodeMirror pre{
 	/*padding between line number & content*/
@@ -67,7 +76,7 @@
 }
 
 .cm-s-darcula.CodeMirror .CodeMirror-cursor {
-	border-left: 1px solid #ffffff;
+	border-left: 2px solid #c7c7c7;
 }
 .cm-s-darcula.CodeMirror .CodeMirror-selected {
 	background: rgba(255,255,255,.2);

css/helios.css

@@ -173,6 +173,7 @@ body[id="helios"] .navbar-fixed-top .navbar-inner {
 
 ::-webkit-scrollbar {  
   width: 14px;
+  height: 14px;
 }  
 
 ::-webkit-scrollbar-corner {
@@ -315,7 +316,7 @@ body[id="helios"] .dropdown-menu {
   margin: 3px;
 }
 body[id="helios"] .nav-pills > .active > a {
-  background-color: #666;
+  background-color: #12374f;
   color: #fffffb !important;
   text-shadow: 0 0 0;
 }
@@ -330,7 +331,7 @@ body[id="helios"] .dropdown-submenu:hover > a,
 body[id="helios"] .dropdown-menu .active > a,
 body[id="helios"] .dropdown-menu .active > a:hover,
 body[id="helios"] .CodeMirror-hint-active {
-  background: #2a5993;
+  background: #3b7cd4;
   color: #fff;
   text-shadow: 0 0 0;
 }
@@ -433,7 +434,7 @@ body[id="helios"] .tool_container .splitter.vertical {
   width: 5px;
   left: 50%;
   margin-left: -1px;
-  border-left: 1px solid #888;
+  border-left: 1px solid #666;
   height: 100%;
   float: left;
   cursor: ew-resize;
@@ -906,6 +907,17 @@ body[id="helios"] .button:hover {
   background-image: -moz-linear-gradient(top, #505050, #3c3c3c);
   background-image: -o-linear-gradient(top, #505050, #3c3c3c);
 }
+
+body[id="helios"] .button.default:hover {
+  cursor: pointer;
+  border: 1px solid #585858;
+  background-image: linear-gradient(top, #505050, #3c3c3c);
+  background-image: -webkit-linear-gradient(top, #505050, #3c3c3c);
+  background-image: -moz-linear-gradient(top, #505050, #3c3c3c);
+  background-image: -o-linear-gradient(top, #505050, #3c3c3c);
+}
+
+
 body[id="helios"] .button:active {
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
@@ -927,6 +939,10 @@ body[id="helios"] .doc div {
 }
 body[id="helios"] .doc code {
   padding: 1px 4px;
+  color: #d46e69;
+  background-color: #626262;
+  border-color: #888;
+  
 }
 body[id="helios"] .doc .head {
   background: #666;