diff --git a/src/skilltree/skillTreeEditor.js b/src/skilltree/skillTreeEditor.js
index 5f00fef..8861ef8 100644
--- a/src/skilltree/skillTreeEditor.js
+++ b/src/skilltree/skillTreeEditor.js
@@ -1,15 +1,20 @@
 import { SkillTree } from "./skillTree";
+import { useState } from "react";
 
 function SkillTreeEditor(p) {
-    return <SkillTree strokeStyle="rgba(0,0,128,1)" lineWidth={3} lineDash={[]}
-                    gridDimensionsX={6} gridDimensionsY={6} gridSizeX={80} gridSizeY={60} gridPaddingX={10} gridPaddingY={10}
-                    skillLines={["□  □  ", //─   □
-                                "└□─┘□□", //│ ├┤┼
-                                " │  ││", //    
-                                " │  □│", //┌ ┐ ┬
-                                " □─□┼□", //└ ┘ ┴
-                                "    □ "]}
-                    />
+    const [lineColor,setLineColor] = useState("#000000")
+
+    return <>
+            <input type="color" value={}/><SkillTree strokeStyle="rgba(0,0,128,1)" lineWidth={3} lineDash={[]}
+                gridDimensionsX={6} gridDimensionsY={6} gridSizeX={80} gridSizeY={60} gridPaddingX={10} gridPaddingY={10}
+                skillLines={["□  □  ", //─   □
+                            "└□─┘□□", //│ ├┤┼
+                            " │  ││", //    
+                            " │  □│", //┌ ┐ ┬
+                            " □─□┼□", //└ ┘ ┴
+                            "    □ "]}
+                />
+            </>
 }
 
 export {SkillTreeEditor}
\ No newline at end of file