updated css

app/assets/javascripts/mind_map/utils/custom.config.js

@@ -1,16 +1,62 @@
 // 顏色選項集中管理
 // Color options management
 export const PALETTE_COLORS = [
-    '#FF0000',
+    '#c93a42',
-    '#00FF00',
+    '#fbefdb',
     '#0000FF',
-    '#FFFF00',
+    '#06c755',
-    '#FF00FF',
+    '#FFBF48',
-    '#00FFFF',
+    '#1e5b9e',
     '#000000',
     '#666666',
     '#999999',
     '#FFFFFF',
+    // 紅色系（Morandi Red）
+    '#c8a39e',
+    '#b4746c',
+    '#a16666',
+    '#d3a29d',
+    '#8e5d5a',
+
+    // 橘色系（Morandi Orange）
+    '#d4a186',
+    '#e1b7a7',
+    '#c98e63',
+    '#e5b58e',
+    '#b57758',
+
+    // 黃色系（Morandi Yellow）
+    '#d8c29d',
+    '#e6d3aa',
+    '#c4b07c',
+    '#e2c892',
+    '#a8985c',
+
+    // 綠色系（Morandi Green）
+    '#a3b1a8',
+    '#8ca39b',
+    '#9fb7ad',
+    '#b0c0ae',
+    '#798d87',
+
+    // 藍色系（Morandi Blue）
+    '#9ca8b8',
+    '#a0b1c2',
+    '#8193a8',
+    '#6e7d91',
+    '#c0c8d2',
+
+    '#b8a9c9',
+    '#c1adc8',
+    '#a68ca9',
+    '#cabed4',
+    '#8f799e',
+
+    '#a0a0a0',
+    '#bcbcbc',
+    '#8c8c8c',
+    '#747474',
+    '#5e5e5e',
 ]
 
 // 心智圖初始數據

app/assets/stylesheets/mind_map/mindmap.css

@@ -16,7 +16,6 @@
 
 #jsmind_container {
     position: relative;
-    width: 1200px;
     height: 800px;
     border: 1px solid #ccc;
     background: #f4f4f4;
@@ -80,12 +79,15 @@ jmnode {
     color: #333;
     border-radius: 5px;
     box-shadow: 1px 1px 1px #666;
-    font: 16px/1.125 Verdana, Arial, Helvetica, sans-serif;
+    font: 1.2em/1.125 Verdana, Arial, Helvetica, sans-serif;
 }
 
 jmnode:hover {
     box-shadow: 2px 2px 8px #000;
     filter: brightness(95%);
+    a{
+        color: unset!important;
+    }
 }
 
 jmnode.selected {
@@ -94,7 +96,7 @@ jmnode.selected {
 }
 
 jmnode.root {
-    font-size: 24px;
+    font-size:1.6em;
 }
 
 /* 展開/收合按鈕 */
@@ -113,11 +115,12 @@ jmexpander:hover {
     jmnode {
         padding: 5px;
         border-radius: 3px;
-        font-size: 14px;
+        font-size: 1.6em;
     }
 
     jmnode.root {
-        font-size: 21px;
+        /* font-size: 21px; */
+         font-size: 1.8em;
     }
 }
 
@@ -136,7 +139,7 @@ jmexpander:hover {
     background: #ccc;
     border: 1px solid #ccc;
     z-index: 1001;
-    white-space: nowrap;
+    min-width: 10em;
 }
 
 .toolbar-color-palette-box {