Adjust CSS.

app/mindmap/index.html

@@ -30,7 +30,6 @@
          function open_empty(){
              var options = {
                  container:'jsmind_container',
-                 theme:'greensea',
                  editable:true
              }
 

app/mindmap/jsmind.css

@@ -7,7 +7,12 @@
  */
 
 /* important section */
-.jsmind-inner{position:relative;overflow:auto;width:100%;height:100%;}/*box-shadow:0 0 2px #000;*/
+.jsmind-inner {
+    position: relative;
+    overflow: auto;
+    width: 100%;
+    height: 100%;
+}
 .jsmind-inner {
     moz-user-select: -moz-none;
     -moz-user-select: none;
@@ -19,27 +24,82 @@
 }
 
 /* z-index: 1 */
-canvas{position:absolute;z-index:1;}
+canvas {
+    position: absolute;
+    z-index: 1;
+}
 
 /* z-index: 2 */
-jmnodes{position:absolute;z-index:2;background-color:rgba(0,0,0,0);}/*background color is necessary*/
+jmnodes {
-jmnode{position:absolute;cursor:default;max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+    position: absolute;
-jmexpander{position:absolute;width:11px;height:11px;display:block;overflow:hidden;line-height:12px;font-size:12px;text-align:center;border-radius:6px;border-width:1px;border-style:solid;cursor:pointer;}
+    z-index: 2;
-
+    background-color: rgba(0,0,0,0);
-/* default theme */
+}
-jmnode{padding:10px;background-color:#fff;color:#333;border-radius:5px;box-shadow:1px 1px 1px #666;font:16px/1.125 Verdana,Arial,Helvetica,sans-serif;}
+jmnode {
-jmnode:hover{box-shadow:2px 2px 8px #000;background-color:#ebebeb;color:#333;}
+    position: absolute;
-jmnode.selected{background-color:#11f;color:#fff;box-shadow:2px 2px 8px #000;}
+    cursor: default;
-jmnode.root{font-size:24px;}
+    max-width: 400px;
-jmexpander{border-color:gray;}
+    white-space: nowrap;
-jmexpander:hover{border-color:#000;}
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+jmexpander {
+    position: absolute;
+    width: 11px;
+    height: 11px;
+    display: block;
+    overflow: hidden;
+    line-height: 12px;
+    font-size: 12px;
+    text-align: center;
+    border-radius: 6px;
+    border-width: 1px;
+    border-style: solid;
+    cursor: pointer;
+}
 
 @media screen and (max-device-width:  1024px)  {
     jmnode {padding: 5px;border-radius: 3px;font-size: 14px;}
     jmnode.root {font-size: 21px;}
 }
 
-/* greensea theme */
+jmnode {
+    padding: 10px;
+    background-color:  #30A3C0;
+    color:  #FFF;
+    border-radius: 5px;
+    font: 16px/1.125 Verdana,Arial,Helvetica,sans-serif;
+    padding-left:  30px;
+    padding-right:  30px;
+}
+jmnode:hover {
+    background-color:  #F3C250;
+    color:  #333;
+}
+jmnode.selected {
+    background-color:  #F56B85;
+    color:  #FFF;
+}
+jmnode.root {
+    border-radius:  30px;
+    background-color:  #3598DB;
+    color:  #FFF;
+    font-size: 24px;
+}
+jmnode.root.selected  {
+    background-color:  #F56B85;
+}
+jmnode.root:hover {
+    background-color:  #F3C250;
+    color:  #333;
+}
+jmexpander {
+    border-color: gray;
+}
+jmexpander:hover {
+    border-color: #000;
+}
+
 jmnodes.theme-greensea jmnode {background-color: #1abc9c;color: #fff;}
 jmnodes.theme-greensea jmnode:hover {background-color: #16a085;}
 jmnodes.theme-greensea jmnode.selected {background-color: #11f;color: #fff;}

app/mindmap/jsmind.js

@@ -51,10 +51,10 @@
             hmargin:100,
             vmargin:50,
             line_width:2,
-            line_color:'#555'
+            line_color:'#3598DB'
         },
         layout:{
-            hspace:30,
+            hspace:50,
             vspace:20,
             pspace:13
         },