diff --git a/gitCommand.bat b/gitCommand.bat
new file mode 100644
index 00000000..07377de6
--- /dev/null
+++ b/gitCommand.bat
@@ -0,0 +1,18 @@
+@echo off
+setlocal enabledelayedexpansion
+
+set "COMMAND=%~1"
+
+:execute_command
+echo Executing command: %COMMAND%
+for /f "tokens=1 delims=:" %%a in ('%COMMAND% 2^>^&1') do (
+    set output=%%a
+    if "!output:~0,34!"=="kex_exchange_identification " (
+        echo Output found: !output!
+        goto execute_command
+    ) else (
+        echo !output!
+    )
+)
+
+echo No matching output found. Exiting.
diff --git a/src/renderer/assets/FicGraph0.png b/src/renderer/assets/FicGraph0.png
new file mode 100644
index 00000000..d9737d8b
Binary files /dev/null and b/src/renderer/assets/FicGraph0.png differ
diff --git a/src/renderer/assets/FicGraph1.png b/src/renderer/assets/FicGraph1.png
new file mode 100644
index 00000000..55a82789
Binary files /dev/null and b/src/renderer/assets/FicGraph1.png differ
diff --git a/src/renderer/assets/FicGraph2.png b/src/renderer/assets/FicGraph2.png
new file mode 100644
index 00000000..79290860
Binary files /dev/null and b/src/renderer/assets/FicGraph2.png differ
diff --git a/src/renderer/assets/FicTree0.png b/src/renderer/assets/FicTree0.png
new file mode 100644
index 00000000..366f5421
Binary files /dev/null and b/src/renderer/assets/FicTree0.png differ
diff --git a/src/renderer/assets/FicTree1.png b/src/renderer/assets/FicTree1.png
new file mode 100644
index 00000000..748423cf
Binary files /dev/null and b/src/renderer/assets/FicTree1.png differ
diff --git a/src/renderer/assets/FicTree2.png b/src/renderer/assets/FicTree2.png
new file mode 100644
index 00000000..c9d5d430
Binary files /dev/null and b/src/renderer/assets/FicTree2.png differ
diff --git a/src/renderer/components/mindEditor/FicGraph.vue b/src/renderer/components/mindEditor/FicGraph.vue
index bad52e14..33a9f3eb 100644
--- a/src/renderer/components/mindEditor/FicGraph.vue
+++ b/src/renderer/components/mindEditor/FicGraph.vue
@@ -94,6 +94,10 @@ export default {
       requestAnimationFrame(animate);
     })() // IIFE
 
+    bus.on('setGraphStyle', (obj) => {
+      theme = obj.theme === 1 ? theme1 : obj.theme === 2 ? theme2 : theme0
+    })
+
     bus.on('exportGraphPNG', () => {
       // exportPNG()
       const canvas = document.getElementById('ficGraph').querySelector('canvas')
diff --git a/src/renderer/components/textArea/PreArea.vue b/src/renderer/components/textArea/PreArea.vue
index 3fc8ff9f..8b192d90 100644
--- a/src/renderer/components/textArea/PreArea.vue
+++ b/src/renderer/components/textArea/PreArea.vue
@@ -26,7 +26,7 @@
       <div class="preference-item">
         <div class="font-bold my-4" style="font-size: 20px">侧边栏</div>
         <label>启动时侧边宽度：</label>
-        <input type="number" v-model="common.sideBarInitWidth" min="250" max="400"> px
+        <input type="number" v-model="common.sideBarInitWidth" class="numberInput rounded-md" min="250" max="400"> px
       </div>
     </div>
     <div v-show="preMode === 1" class="preferences">
@@ -186,13 +186,18 @@
               @click="treeThemePath = index; ficus.treeSetting.theme = treeThemePath; showTreeThemeSelection = !showTreeThemeSelection"
               class="m-2 px-2 py-1 rounded-md imgSelectionItem">
             {{ option }}
+            <div class="p-1 mt-2">
+              <img class="rounded-md" v-if="index === 0" alt="theme0" src="../../assets/FicTree0.png">
+              <img class="rounded-md" v-else-if="index === 1" alt="theme1" src="../../assets/FicTree1.png">
+              <img class="rounded-md" v-if="index === 2" alt="theme2" src="../../assets/FicTree2.png">
+            </div>
           </li>
         </ul>
       </div>
 
       <div class="preference-item">
         <div class="font-bold my-4" style="font-size: 20px">.ficusignore</div>
-        <input class="numberInput rounded-md p-2 text-gray-700" v-model="ficus.graphSetting.ficusIgnore">
+        <textarea class="numberInput rounded-md p-2 text-gray-700 w-full" style="height: 100px" v-model="ficus.graphSetting.ficusIgnore"/>
       </div>
 
       <div class="preference-item">
@@ -209,6 +214,11 @@
               @click="graphThemePath = index; ficus.graphSetting.theme = graphThemePath; showGraphThemeSelection = !showGraphThemeSelection"
               class="m-2 px-2 py-1 rounded-md imgSelectionItem">
             {{ option }}
+            <div class="p-1 mt-2">
+              <img class="rounded-md shadow-md" v-if="index === 0" alt="theme0" src="../../assets/FicGraph0.png">
+              <img class="rounded-md shadow-md" v-else-if="index === 1" alt="theme1" src="../../assets/FicGraph1.png">
+              <img class="rounded-md shadow-md" v-if="index === 2" alt="theme2" src="../../assets/FicGraph2.png">
+            </div>
           </li>
         </ul>
       </div>