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

@@ -3,46 +3,106 @@
  * Copyright (c) 2014-2015 hizzgdev@163.com
  *
  * Project Home:
- *   https://github.com/hizzgdev/jsmind/
+ *   https: //github.com/hizzgdev/jsmind/
  */
 
 /* important section */
-.jsmind-inner{position:relative;overflow:auto;width:100%;height:100%;}/*box-shadow:0 0 2px #000;*/
+.jsmind-inner {
-.jsmind-inner{
+    position: relative;
-    moz-user-select:-moz-none;
+    overflow: auto;
-    -moz-user-select:none;
+    width: 100%;
-    -o-user-select:none;
+    height: 100%;
-    -khtml-user-select:none;
+}
-    -webkit-user-select:none;
+.jsmind-inner {
-    -ms-user-select:none;
+    moz-user-select: -moz-none;
-    user-select:none;
+    -moz-user-select: none;
+    -o-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
 }
 
-/* z-index:1 */
+/* z-index: 1 */
-canvas{position:absolute;z-index:1;}
+canvas {
-
+    position: absolute;
-/* z-index:2 */
+    z-index: 1;
-jmnodes{position:absolute;z-index:2;background-color:rgba(0,0,0,0);}/*background color is necessary*/
+}
-jmnode{position:absolute;cursor:default;max-width:400px;white-space:nowrap;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;}
 
-/* default theme */
+/* z-index: 2 */
-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;}
+jmnodes {
-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;}
+    z-index: 2;
-jmnode.root{font-size:24px;}
+    background-color: rgba(0,0,0,0);
-jmexpander{border-color:gray;}
+}
-jmexpander:hover{border-color:#000;}
+jmnode {
+    position: absolute;
+    cursor: default;
+    max-width: 400px;
+    white-space: nowrap;
+    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 {padding: 5px;border-radius: 3px;font-size: 14px;}
-    jmnode.root{font-size:21px;}
+    jmnode.root {font-size: 21px;}
+}
+
+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;
 }
 
-/* greensea theme */
+jmnodes.theme-greensea jmnode {background-color: #1abc9c;color: #fff;}
-jmnodes.theme-greensea jmnode{background-color:#1abc9c;color:#fff;}
+jmnodes.theme-greensea jmnode:hover {background-color: #16a085;}
-jmnodes.theme-greensea jmnode:hover{background-color:#16a085;}
+jmnodes.theme-greensea jmnode.selected {background-color: #11f;color: #fff;}
-jmnodes.theme-greensea jmnode.selected{background-color:#11f;color:#fff;}
+jmnodes.theme-greensea jmnode.root {}
-jmnodes.theme-greensea jmnode.root{}
+jmnodes.theme-greensea jmexpander {}
-jmnodes.theme-greensea jmexpander{}
+jmnodes.theme-greensea jmexpander:hover {}
-jmnodes.theme-greensea jmexpander:hover{}

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
         },