diff --git a/RedPandaIDE/resources/iconsets/material/actions/00Misc-01Back.svg b/RedPandaIDE/resources/iconsets/material/actions/00Misc-01Back.svg
new file mode 100644
index 00000000..b2d9a2e4
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/00Misc-01Back.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#1e1e1e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M28 34L18 24L28 14V34Z" fill="none" stroke="#1e1e1e" stroke-width="3" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/00Misc-02Forward.svg b/RedPandaIDE/resources/iconsets/material/actions/00Misc-02Forward.svg
new file mode 100644
index 00000000..9afd54e3
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/00Misc-02Forward.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#1e1e1e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 14L30 24L20 34V14Z" fill="none" stroke="#1e1e1e" stroke-width="3" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/00Misc-03Add.svg b/RedPandaIDE/resources/iconsets/material/actions/00Misc-03Add.svg
new file mode 100644
index 00000000..a91dd8a0
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/00Misc-03Add.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#1e1e1e" stroke-width="3" stroke-linejoin="round"/><path d="M24 16V32" stroke="#1e1e1e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 24L32 24" stroke="#1e1e1e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/00Misc-04Remove.svg b/RedPandaIDE/resources/iconsets/material/actions/00Misc-04Remove.svg
new file mode 100644
index 00000000..723a4d14
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/00Misc-04Remove.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#1e1e1e" stroke-width="3" stroke-linejoin="round"/><path d="M16 24L32 24" stroke="#1e1e1e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/00Misc-05Gear.svg b/RedPandaIDE/resources/iconsets/material/actions/00Misc-05Gear.svg
new file mode 100644
index 00000000..74856db7
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/00Misc-05Gear.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M34.0003 41L44 24L34.0003 7H14.0002L4 24L14.0002 41H34.0003Z" fill="none" stroke="#1e1e1e" stroke-width="3" stroke-linejoin="round"/><path d="M24 29C26.7614 29 29 26.7614 29 24C29 21.2386 26.7614 19 24 19C21.2386 19 19 21.2386 19 24C19 26.7614 21.2386 29 24 29Z" fill="none" stroke="#1e1e1e" stroke-width="3" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/00Misc-06Cross.svg b/RedPandaIDE/resources/iconsets/material/actions/00Misc-06Cross.svg
new file mode 100644
index 00000000..723a4d14
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/00Misc-06Cross.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#1e1e1e" stroke-width="3" stroke-linejoin="round"/><path d="M16 24L32 24" stroke="#1e1e1e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/00Misc-07Folder.svg b/RedPandaIDE/resources/iconsets/material/actions/00Misc-07Folder.svg
new file mode 100644
index 00000000..b55c7b23
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/00Misc-07Folder.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 8C5 6.89543 5.89543 6 7 6H19L24 12H41C42.1046 12 43 12.8954 43 14V40C43 41.1046 42.1046 42 41 42H7C5.89543 42 5 41.1046 5 40V8Z" fill="none" stroke="#1e1e1e" stroke-width="3" stroke-linejoin="round"/><path d="M43 22H5" stroke="#1e1e1e" stroke-width="3" stroke-linejoin="round"/><path d="M5 16V28" stroke="#1e1e1e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M43 16V28" stroke="#1e1e1e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/00Misc-08Term.svg b/RedPandaIDE/resources/iconsets/material/actions/00Misc-08Term.svg
new file mode 100644
index 00000000..9cbd9e51
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/00Misc-08Term.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="4" y="8" width="40" height="32" rx="2" fill="none" stroke="#1e1e1e" stroke-width="3" stroke-linejoin="round"/><path d="M12 18L19 24L12 30" stroke="#1e1e1e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M23 32H36" stroke="#1e1e1e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/00Misc-09Clean.svg b/RedPandaIDE/resources/iconsets/material/actions/00Misc-09Clean.svg
new file mode 100644
index 00000000..394b7551
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/00Misc-09Clean.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M4 42H44" stroke="#1e1e1e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M31 4L7 28L13 34H21L41 14L31 4Z" fill="none" stroke="#1e1e1e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/00Misc-10Check.svg b/RedPandaIDE/resources/iconsets/material/actions/00Misc-10Check.svg
new file mode 100644
index 00000000..666d8cb9
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/00Misc-10Check.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 44C29.5228 44 34.5228 41.7614 38.1421 38.1421C41.7614 34.5228 44 29.5228 44 24C44 18.4772 41.7614 13.4772 38.1421 9.85786C34.5228 6.23858 29.5228 4 24 4C18.4772 4 13.4772 6.23858 9.85786 9.85786C6.23858 13.4772 4 18.4772 4 24C4 29.5228 6.23858 34.5228 9.85786 38.1421C13.4772 41.7614 18.4772 44 24 44Z" fill="none" stroke="#1e1e1e" stroke-width="3" stroke-linejoin="round"/><path d="M16 24L22 30L34 18" stroke="#1e1e1e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/00Misc-11Rename.svg b/RedPandaIDE/resources/iconsets/material/actions/00Misc-11Rename.svg
new file mode 100644
index 00000000..8f5e2af4
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/00Misc-11Rename.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M7 42H43" stroke="#1e1e1e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 26.7199V34H18.3172L39 13.3081L31.6951 6L11 26.7199Z" fill="none" stroke="#1e1e1e" stroke-width="3" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/00Misc-12Help.svg b/RedPandaIDE/resources/iconsets/material/actions/00Misc-12Help.svg
new file mode 100644
index 00000000..88460b16
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/00Misc-12Help.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39 6H9C7.34315 6 6 7.34315 6 9V39C6 40.6569 7.34315 42 9 42H39C40.6569 42 42 40.6569 42 39V9C42 7.34315 40.6569 6 39 6Z" fill="none" stroke="#1e1e1e" stroke-width="3" stroke-linejoin="round"/><path d="M24 28.6249V24.6249C27.3137 24.6249 30 21.9386 30 18.6249C30 15.3112 27.3137 12.6249 24 12.6249C20.6863 12.6249 18 15.3112 18 18.6249" stroke="#1e1e1e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24 37.6249C25.3807 37.6249 26.5 36.5056 26.5 35.1249C26.5 33.7442 25.3807 32.6249 24 32.6249C22.6193 32.6249 21.5 33.7442 21.5 35.1249C21.5 36.5056 22.6193 37.6249 24 37.6249Z" fill="#1e1e1e"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/00Misc-13Filter.svg b/RedPandaIDE/resources/iconsets/material/actions/00Misc-13Filter.svg
new file mode 100644
index 00000000..89598097
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/00Misc-13Filter.svg
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100"
+   height="100"
+   viewBox="0 0 26.458333 26.458333"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   sodipodi:docname="00Misc-13Filter.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#1e1e1e"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:document-units="px"
+     showgrid="false"
+     inkscape:zoom="1.0230034"
+     inkscape:cx="-291.29913"
+     inkscape:cy="64.027158"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     units="px"
+     width="100px" />
+  <defs
+     id="defs2">
+    <linearGradient
+       id="linearGradient3056"
+       inkscape:swatch="gradient">
+      <stop
+         style="stop-color:#45c200;stop-opacity:1"
+         offset="0"
+         id="stop826" />
+      <stop
+         style="stop-color:#53e900;stop-opacity:1"
+         offset="1"
+         id="stop828" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3056-2">
+      <stop
+         style="stop-color:#45c200;stop-opacity:1"
+         offset="0"
+         id="stop3052" />
+      <stop
+         style="stop-color:#5fff07;stop-opacity:1"
+         offset="1"
+         id="stop3054" />
+    </linearGradient>
+  </defs>
+  <g
+     inkscape:label="图层 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.582084;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 1.4346825,3.7982842 H 25.296182 L 17.083489,15.815009 v 5.796051 l -6.995227,2.258591 V 15.92801 Z"
+       id="path2472"
+       sodipodi:nodetypes="ccccccc" />
+  </g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/01File-01New.svg b/RedPandaIDE/resources/iconsets/material/actions/01File-01New.svg
new file mode 100644
index 00000000..187b5b97
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/01File-01New.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M34 12V20V21C31.0449 21 28.3892 22.2818 26.5585 24.3198C24.9678 26.0906 24 28.4323 24 31C24 31.5789 24.0492 32.1463 24.1436 32.6983C24.6579 35.7046 26.5143 38.2529 29.0741 39.7046C26.4116 40.5096 22.8776 41 19 41C10.7157 41 4 38.7614 4 36V28V20V12" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M34 12C34 14.7614 27.2843 17 19 17C10.7157 17 4 14.7614 4 12C4 9.23858 10.7157 7 19 7C27.2843 7 34 9.23858 34 12Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 28C4 30.7614 10.7157 33 19 33C20.807 33 22.5393 32.8935 24.1436 32.6983" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 20C4 22.7614 10.7157 25 19 25C21.7563 25 24.339 24.7522 26.5585 24.3198" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M44 31C44 36.5228 39.5228 41 34 41C32.2091 41 30.5281 40.5292 29.0741 39.7046C26.5143 38.2529 24.6579 35.7046 24.1436 32.6983C24.0492 32.1463 24 31.5789 24 31C24 28.4323 24.9678 26.0906 26.5585 24.3198C28.3892 22.2818 31.0449 21 34 21C39.5228 21 44 25.4772 44 31Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M37 29L39 31L37 33" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M31 33L29 31L31 29" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/01File-02Open.svg b/RedPandaIDE/resources/iconsets/material/actions/01File-02Open.svg
new file mode 100644
index 00000000..3d164acb
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/01File-02Open.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 44H38C39.1046 44 40 43.1046 40 42V14L31 4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44Z" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 21V35" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 28H24L31 28" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 4V14H40" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/01File-03Save.svg b/RedPandaIDE/resources/iconsets/material/actions/01File-03Save.svg
new file mode 100644
index 00000000..0d4f541a
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/01File-03Save.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39 6H9C7.34315 6 6 7.34315 6 9V39C6 40.6569 7.34315 42 9 42H39C40.6569 42 42 40.6569 42 39V9C42 7.34315 40.6569 6 39 6Z" stroke="#FFFFFF" stroke-width="3"/><path d="M32 6H16V16H32V6Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 36H31" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/01File-04SaveAs.svg b/RedPandaIDE/resources/iconsets/material/actions/01File-04SaveAs.svg
new file mode 100644
index 00000000..2d0f4e0f
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/01File-04SaveAs.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.3 6.00012H8.7C7.20883 6.00012 6 7.20895 6 8.70012V39.3001C6 40.7913 7.20883 42.0001 8.7 42.0001H39.3C40.7912 42.0001 42 40.7913 42 39.3001V8.70012C42 7.20895 40.7912 6.00012 39.3 6.00012Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M32 6V24H15V6H32Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M26 13.0001V17.0001" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round"/><path d="M10.9969 6.00012H35.9985" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/01File-05SaveAll.svg b/RedPandaIDE/resources/iconsets/material/actions/01File-05SaveAll.svg
new file mode 100644
index 00000000..6902133c
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/01File-05SaveAll.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M6 9C6 7.34315 7.34315 6 9 6H34.2814L42 13.2065V39C42 40.6569 40.6569 42 39 42H9C7.34315 42 6 40.6569 6 39V9Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24.0083 6L24 13.3846C24 13.7245 23.5523 14 23 14H15C14.4477 14 14 13.7245 14 13.3846L14 6" fill="none"/><path d="M24.0083 6L24 13.3846C24 13.7245 23.5523 14 23 14H15C14.4477 14 14 13.7245 14 13.3846L14 6H24.0083Z" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M9 6H34.2814" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 26H34" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 34H24.0083" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/01File-06Close.svg b/RedPandaIDE/resources/iconsets/material/actions/01File-06Close.svg
new file mode 100644
index 00000000..bdafa2c6
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/01File-06Close.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 44H38C39.1046 44 40 43.1046 40 42V14L31 4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44Z" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 28H24L31 28" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 4V14H40" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/01File-07CloseAll.svg b/RedPandaIDE/resources/iconsets/material/actions/01File-07CloseAll.svg
new file mode 100644
index 00000000..601d1063
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/01File-07CloseAll.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 44H38C39.1046 44 40 43.1046 40 42V14L31 4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44Z" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 22L30 34" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 22L18 34" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 4V14H40" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/01File-08Print.svg b/RedPandaIDE/resources/iconsets/material/actions/01File-08Print.svg
new file mode 100644
index 00000000..dee96e86
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/01File-08Print.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M38 20V8C38 6.89543 37.1046 6 36 6H12C10.8954 6 10 6.89543 10 8V20" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round"/><rect x="6" y="20" width="36" height="22" rx="2" stroke="#FFFFFF" stroke-width="3"/><path d="M20 34H35V42H20V34Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 26H15" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/01File-09Open_Folder.svg b/RedPandaIDE/resources/iconsets/material/actions/01File-09Open_Folder.svg
new file mode 100644
index 00000000..fb54452a
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/01File-09Open_Folder.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 8C5 6.89543 5.89543 6 7 6H19L24 12H41C42.1046 12 43 12.8954 43 14V40C43 41.1046 42.1046 42 41 42H7C5.89543 42 5 41.1046 5 40V8Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M18 27H30" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round"/><path d="M24 21L24 33" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/01File-10FileProperties.svg b/RedPandaIDE/resources/iconsets/material/actions/01File-10FileProperties.svg
new file mode 100644
index 00000000..8fcbbe81
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/01File-10FileProperties.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 8C5 6.89543 5.89543 6 7 6H19L24 12H41C42.1046 12 43 12.8954 43 14V40C43 41.1046 42.1046 42 41 42H7C5.89543 42 5 41.1046 5 40V8Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><circle cx="24" cy="28" r="4" fill="none" stroke="#FFFFFF" stroke-width="3"/><path d="M24 21V24" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 32V35" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.8281 23L26.7068 25.1213" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.8281 31L18.7068 33.1213" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 23L21.1213 25.1213" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M27 31L29.1213 33.1213" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 28H18.5H20" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M28 28H29.5H31" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/01File-11Locate.svg b/RedPandaIDE/resources/iconsets/material/actions/01File-11Locate.svg
new file mode 100644
index 00000000..e0e9b62a
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/01File-11Locate.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M9.85786 32.7574C6.23858 33.8432 4 35.3432 4 37C4 40.3137 12.9543 43 24 43V43C35.0457 43 44 40.3137 44 37C44 35.3432 41.7614 33.8432 38.1421 32.7574" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 35C24 35 37 26.504 37 16.6818C37 9.67784 31.1797 4 24 4C16.8203 4 11 9.67784 11 16.6818C11 26.504 24 35 24 35Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M24 22C26.7614 22 29 19.7614 29 17C29 14.2386 26.7614 12 24 12C21.2386 12 19 14.2386 19 17C19 19.7614 21.2386 22 24 22Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/02Project-01New.svg b/RedPandaIDE/resources/iconsets/material/actions/02Project-01New.svg
new file mode 100644
index 00000000..187b5b97
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/02Project-01New.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M34 12V20V21C31.0449 21 28.3892 22.2818 26.5585 24.3198C24.9678 26.0906 24 28.4323 24 31C24 31.5789 24.0492 32.1463 24.1436 32.6983C24.6579 35.7046 26.5143 38.2529 29.0741 39.7046C26.4116 40.5096 22.8776 41 19 41C10.7157 41 4 38.7614 4 36V28V20V12" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M34 12C34 14.7614 27.2843 17 19 17C10.7157 17 4 14.7614 4 12C4 9.23858 10.7157 7 19 7C27.2843 7 34 9.23858 34 12Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 28C4 30.7614 10.7157 33 19 33C20.807 33 22.5393 32.8935 24.1436 32.6983" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 20C4 22.7614 10.7157 25 19 25C21.7563 25 24.339 24.7522 26.5585 24.3198" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M44 31C44 36.5228 39.5228 41 34 41C32.2091 41 30.5281 40.5292 29.0741 39.7046C26.5143 38.2529 24.6579 35.7046 24.1436 32.6983C24.0492 32.1463 24 31.5789 24 31C24 28.4323 24.9678 26.0906 26.5585 24.3198C28.3892 22.2818 31.0449 21 34 21C39.5228 21 44 25.4772 44 31Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M37 29L39 31L37 33" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M31 33L29 31L31 29" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/02Project-02Save.svg b/RedPandaIDE/resources/iconsets/material/actions/02Project-02Save.svg
new file mode 100644
index 00000000..4928513a
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/02Project-02Save.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 44H38C39.1046 44 40 43.1046 40 42V14L31 4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44Z" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 29L23 34L32 23" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 4V14H40" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/02Project-03Close.svg b/RedPandaIDE/resources/iconsets/material/actions/02Project-03Close.svg
new file mode 100644
index 00000000..601d1063
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/02Project-03Close.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 44H38C39.1046 44 40 43.1046 40 42V14L31 4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44Z" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 22L30 34" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 22L18 34" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 4V14H40" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/02Project-04NewFile.svg b/RedPandaIDE/resources/iconsets/material/actions/02Project-04NewFile.svg
new file mode 100644
index 00000000..3d164acb
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/02Project-04NewFile.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 44H38C39.1046 44 40 43.1046 40 42V14L31 4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44Z" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 21V35" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 28H24L31 28" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 4V14H40" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/02Project-05AddFile.svg b/RedPandaIDE/resources/iconsets/material/actions/02Project-05AddFile.svg
new file mode 100644
index 00000000..8653e15d
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/02Project-05AddFile.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 44H38C39.1046 44 40 43.1046 40 42V14L31 4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44Z" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 25L31 25" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 31L31 31" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M31 25L26 20" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 36L17 31" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 4V14H40" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/02Project-06RemoveFile.svg b/RedPandaIDE/resources/iconsets/material/actions/02Project-06RemoveFile.svg
new file mode 100644
index 00000000..bdafa2c6
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/02Project-06RemoveFile.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 44H38C39.1046 44 40 43.1046 40 42V14L31 4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44Z" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 28H24L31 28" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 4V14H40" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/02Project-07Properties.svg b/RedPandaIDE/resources/iconsets/material/actions/02Project-07Properties.svg
new file mode 100644
index 00000000..16e62b95
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/02Project-07Properties.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 44H38C39.1046 44 40 43.1046 40 42V14L31 4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44Z" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><circle cx="24" cy="27" r="5" fill="none" stroke="#FFFFFF" stroke-width="3"/><path d="M24 19V22" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 32V35" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M29.8281 21L27.7068 23.1213" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.8281 31L17.7068 33.1213" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 21L20.1213 23.1213" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M28 31L30.1213 33.1213" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 27H17.5H19" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 27H30.5H32" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 4V14H40" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/03Edit-01Undo.svg b/RedPandaIDE/resources/iconsets/material/actions/03Edit-01Undo.svg
new file mode 100644
index 00000000..8be427a9
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/03Edit-01Undo.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M22 31L15 24L22 17" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M31 31L24 24L31 17" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/03Edit-02Redo.svg b/RedPandaIDE/resources/iconsets/material/actions/03Edit-02Redo.svg
new file mode 100644
index 00000000..0a0564b5
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/03Edit-02Redo.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M17 31L24 24L17 17" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M26 31L33 24L26 17" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/03Edit-03Cut.svg b/RedPandaIDE/resources/iconsets/material/actions/03Edit-03Cut.svg
new file mode 100644
index 00000000..18b41715
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/03Edit-03Cut.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g><g><rect fill-opacity="0.01" fill="#FFFFFF" x="0" y="0" width="48" height="48" stroke-width="3" stroke="none" fill-rule="evenodd"/><circle stroke="#FFFFFF" stroke-width="3" fill="none" fill-rule="nonzero" stroke-linejoin="round" cx="11" cy="37" r="5"/><circle stroke="#FFFFFF" stroke-width="3" fill="none" fill-rule="nonzero" stroke-linejoin="round" cx="37" cy="37" r="5"/><polyline stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(24.938660, 22.892210) rotate(-150.000000) translate(-24.938660, -22.892210) " points="24.9585851 3.80404093 24.9187342 7.98037837 24.9187342 41.9803784" fill="none" fill-rule="evenodd"/><polyline stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(23.061077, 22.794133) rotate(-30.000000) translate(-23.061077, -22.794133) " points="23.0866842 3.61900443 23.0866842 37.6190044 23.0354696 41.9692624" fill="none" fill-rule="evenodd"/></g></g></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/03Edit-04Copy.svg b/RedPandaIDE/resources/iconsets/material/actions/03Edit-04Copy.svg
new file mode 100644
index 00000000..e3d7b3ec
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/03Edit-04Copy.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 12.4316V7.8125C13 6.2592 14.2592 5 15.8125 5H40.1875C41.7408 5 43 6.2592 43 7.8125V32.1875C43 33.7408 41.7408 35 40.1875 35H35.5163" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M32.1875 13H7.8125C6.2592 13 5 14.2592 5 15.8125V40.1875C5 41.7408 6.2592 43 7.8125 43H32.1875C33.7408 43 35 41.7408 35 40.1875V15.8125C35 14.2592 33.7408 13 32.1875 13Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/03Edit-05Paste.svg b/RedPandaIDE/resources/iconsets/material/actions/03Edit-05Paste.svg
new file mode 100644
index 00000000..6eda5b31
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/03Edit-05Paste.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31 31H40C41.1046 31 42 30.1046 42 29V8C42 6.89543 41.1046 6 40 6H19C17.8954 6 17 6.89543 17 8V17" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 17H8C6.89543 17 6 17.8954 6 19V40C6 41.1046 6.89543 42 8 42H29C30.1046 42 31 41.1046 31 40V31" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><rect x="17" y="17" width="14" height="14" rx="2" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/03Edit-06Indent.svg b/RedPandaIDE/resources/iconsets/material/actions/03Edit-06Indent.svg
new file mode 100644
index 00000000..99a813e8
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/03Edit-06Indent.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M6 9H42" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 19H42" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 29H42" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 19L6 24L11 29" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 39H42" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/03Edit-07Unindent.svg b/RedPandaIDE/resources/iconsets/material/actions/03Edit-07Unindent.svg
new file mode 100644
index 00000000..2eb9abd3
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/03Edit-07Unindent.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" transform="matrix(-1 0 0 1 48 0)" fill="white" fill-opacity="0.01"/><path d="M42 9H6" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 19H6" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 29H6" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M37 19L42 24L37 29" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 39H6" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/03Edit-08Search.svg b/RedPandaIDE/resources/iconsets/material/actions/03Edit-08Search.svg
new file mode 100644
index 00000000..7c1602b3
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/03Edit-08Search.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M21 38C30.3888 38 38 30.3888 38 21C38 11.6112 30.3888 4 21 4C11.6112 4 4 11.6112 4 21C4 30.3888 11.6112 38 21 38Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M26.6568 14.3431C25.2091 12.8954 23.2091 12 21 12C18.7909 12 16.7909 12.8954 15.3431 14.3431" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M33.2218 33.2218L41.7071 41.7071" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/03Edit-09Replace.svg b/RedPandaIDE/resources/iconsets/material/actions/03Edit-09Replace.svg
new file mode 100644
index 00000000..d9c58ca5
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/03Edit-09Replace.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M4 7.00012H44" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round"/><path d="M4 23.0001H15" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round"/><path d="M4 39.0001H15" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round"/><path d="M31.5 34.0001C36.1944 34.0001 40 30.1945 40 25.5001C40 20.8057 36.1944 17.0001 31.5 17.0001C26.8056 17.0001 23 20.8057 23 25.5001C23 30.1945 26.8056 34.0001 31.5 34.0001Z" fill="none" stroke="#FFFFFF" stroke-width="3"/><path d="M37 32.0001L44 39.0506" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/03Edit-10SearchInFiles.svg b/RedPandaIDE/resources/iconsets/material/actions/03Edit-10SearchInFiles.svg
new file mode 100644
index 00000000..04814afb
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/03Edit-10SearchInFiles.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40 23V14L31 4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44H22" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><circle cx="31" cy="34" r="6" fill="none" stroke="#FFFFFF" stroke-width="3"/><path d="M36 38L41 42" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 4V14H40" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/03Edit-11SortByName.svg b/RedPandaIDE/resources/iconsets/material/actions/03Edit-11SortByName.svg
new file mode 100644
index 00000000..096d7167
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/03Edit-11SortByName.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M36 4V43.5" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 28H23L7 44H23" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 20L15.2759 4L23 20" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M44 36L36 44L28 36" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/03Edit-12ShowInherited.svg b/RedPandaIDE/resources/iconsets/material/actions/03Edit-12ShowInherited.svg
new file mode 100644
index 00000000..c66b76df
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/03Edit-12ShowInherited.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="17" y="6" width="14" height="9" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><rect x="6" y="33" width="14" height="9" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><rect x="28" y="33" width="14" height="9" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M24 16V24" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M13 33V24H35V33" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/03Edit-12SortByType.svg b/RedPandaIDE/resources/iconsets/material/actions/03Edit-12SortByType.svg
new file mode 100644
index 00000000..d8dd5cf7
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/03Edit-12SortByType.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M6 11.5H29" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 24.5H29" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M36 11.5V37.5L42 30.5" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 37.5H29" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/03Edit-13ShowInherited.svg b/RedPandaIDE/resources/iconsets/material/actions/03Edit-13ShowInherited.svg
new file mode 100644
index 00000000..13110e85
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/03Edit-13ShowInherited.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="18" y="20" width="20" height="8" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><rect x="18" y="6" width="14" height="8" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><rect x="18" y="34" width="26" height="8" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M17 10H5" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 24H5" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 38H5" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 44V4" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/04Code-01Back.svg b/RedPandaIDE/resources/iconsets/material/actions/04Code-01Back.svg
new file mode 100644
index 00000000..660d211d
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/04Code-01Back.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M32.4917 24.5H14.4917" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.4917 15.5L14.4917 24.5L23.4917 33.5" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/04Code-02Forward.svg b/RedPandaIDE/resources/iconsets/material/actions/04Code-02Forward.svg
new file mode 100644
index 00000000..1047af72
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/04Code-02Forward.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M14.4917 24.5H32.4917" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.4917 15.5L32.4917 24.5L23.4917 33.5" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/04Code-03AddBookmark.svg b/RedPandaIDE/resources/iconsets/material/actions/04Code-03AddBookmark.svg
new file mode 100644
index 00000000..3d164acb
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/04Code-03AddBookmark.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 44H38C39.1046 44 40 43.1046 40 42V14L31 4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44Z" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 21V35" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 28H24L31 28" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 4V14H40" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/04Code-04RemoveBookmark.svg b/RedPandaIDE/resources/iconsets/material/actions/04Code-04RemoveBookmark.svg
new file mode 100644
index 00000000..bdafa2c6
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/04Code-04RemoveBookmark.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 44H38C39.1046 44 40 43.1046 40 42V14L31 4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44Z" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 28H24L31 28" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 4V14H40" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/04Code-05Reformat.svg b/RedPandaIDE/resources/iconsets/material/actions/04Code-05Reformat.svg
new file mode 100644
index 00000000..426c776a
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/04Code-05Reformat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M32 6H42V16" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 32L19.1875 27M31 32L28.8125 27M19.1875 27L24 16L28.8125 27M19.1875 27H28.8125" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 6H6V16" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M32 42H42V32" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 42H6V32" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-01Compile.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-01Compile.svg
new file mode 100644
index 00000000..fd6be023
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-01Compile.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:15.1181;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="133.42331" inkscape:cy="71.172029" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="2.5782601" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闂佹悶鍎查崕鎶芥儑1">
+	<path id="rect7840" sodipodi:nodetypes="ccccc" class="st0" d="M14,3.1l23.7,2.2c4.8,0.4,8.6,4.3,9.1,9.1L48.9,38
+		c0.6,6.2-4.7,11.5-10.9,10.9l-23.7-2.2c-4.8-0.4-8.6-4.3-9.1-9.1L3.1,14C2.5,7.7,7.7,2.5,14,3.1z"/>
+	<path id="rect7840-8" sodipodi:nodetypes="ccccc" class="st0" d="M86,3.1L62.3,5.2c-4.8,0.4-8.6,4.3-9.1,9.1L51.1,38
+		c-0.6,6.2,4.7,11.5,10.9,10.9l23.7-2.2c4.8-0.4,8.6-4.3,9.1-9.1L96.9,14C97.5,7.7,92.3,2.5,86,3.1z"/>
+	<path id="rect7840-8-7" sodipodi:nodetypes="ccccc" class="st0" d="M86,96.9l-23.7-2.2c-4.8-0.4-8.6-4.3-9.1-9.1L51.1,62
+		c-0.6-6.2,4.7-11.5,10.9-10.9l23.7,2.2c4.8,0.4,8.6,4.3,9.1,9.1L96.9,86C97.5,92.3,92.3,97.5,86,96.9z"/>
+	<path id="rect7840-8-7-5" sodipodi:nodetypes="ccccc" class="st0" d="M14,96.9l23.7-2.2c4.8-0.4,8.6-4.3,9.1-9.1L48.9,62
+		c0.6-6.2-4.7-11.5-10.9-10.9l-23.7,2.2c-4.8,0.4-8.6,4.3-9.1,9.1L3.1,86C2.5,92.3,7.7,97.5,14,96.9z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-02CompileRun.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-02CompileRun.svg
new file mode 100644
index 00000000..39c06655
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-02CompileRun.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:15.1181;}
+	.st1{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:15.1181;}
+	.st2{fill:#FFFFFF;fill-opacity:1.000000e-02;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="133.42331" inkscape:cy="71.172029" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="2.5782601" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闂傚倸鍊搁崐鐑芥倿閿曞倸绠栭柛娲栫壕鍧楁煛鐏炶鍔氱痪鎯ф健閺岀喖骞嗛弶鍟冩捇鏌">
+	<path id="rect7840" sodipodi:nodetypes="ccccc" class="st0" d="M14,3.1l23.7,2.2c4.8,0.4,8.6,4.3,9.1,9.1L48.9,38
+		c0.6,6.2-4.7,11.5-10.9,10.9l-23.7-2.2c-4.8-0.4-8.6-4.3-9.1-9.1L3.1,14C2.5,7.7,7.7,2.5,14,3.1z"/>
+	<path id="rect7840-8" sodipodi:nodetypes="ccccc" class="st1" d="M86,3.1L62.3,5.2c-4.8,0.4-8.6,4.3-9.1,9.1L51.1,38
+		c-0.6,6.2,4.7,11.5,10.9,10.9l23.7-2.2c4.8-0.4,8.6-4.3,9.1-9.1L96.9,14C97.5,7.7,92.3,2.5,86,3.1z"/>
+	<path id="rect7840-8-7" sodipodi:nodetypes="ccccc" class="st0" d="M86,96.9l-23.7-2.2c-4.8-0.4-8.6-4.3-9.1-9.1L51.1,62
+		c-0.6-6.2,4.7-11.5,10.9-10.9l23.7,2.2c4.8,0.4,8.6,4.3,9.1,9.1L96.9,86C97.5,92.3,92.3,97.5,86,96.9z"/>
+	<path id="rect7840-8-7-5" sodipodi:nodetypes="ccccc" class="st1" d="M14,96.9l23.7-2.2c4.8-0.4,8.6-4.3,9.1-9.1L48.9,62
+		c0.6-6.2-4.7-11.5-10.9-10.9l-23.7,2.2c-4.8,0.4-8.6,4.3-9.1,9.1L3.1,86C2.5,92.3,7.7,97.5,14,96.9z"/>
+</g>
+<rect x="77.9" y="30.9" class="st2" width="35" height="35"/>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-03Run.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-03Run.svg
new file mode 100644
index 00000000..55df7e04
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-03Run.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 35 35" style="enable-background:new 0 0 35 35;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;fill-opacity:1.000000e-02;}
+	.st1{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linejoin:round;stroke-miterlimit:2.9167;}
+</style>
+<rect x="-1.6" y="-3.9" class="st0" width="35" height="35"/>
+<path class="st1" d="M5.9,17.5V6.3c0-3,3-4.9,5.3-3.3L19,8.4l9.4,6.5c1.8,1.3,1.8,3.9,0,5.2L19,26.6L11.2,32
+	c-2.3,1.6-5.3-0.2-5.3-3.3C5.9,28.7,5.9,17.5,5.9,17.5z"/>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-04Rebuild.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-04Rebuild.svg
new file mode 100644
index 00000000..725f6945
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-04Rebuild.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:15.1181;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="133.42331" inkscape:cy="71.172029" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="2.5782601" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闂備焦鎮堕崕鏌ュ磿閹惰姤鍎">
+	<path id="rect7840" sodipodi:nodetypes="ccccc" class="st0" d="M14,3.1l23.7,2.2c4.8,0.4,8.6,4.3,9.1,9.1L48.9,38
+		c0.6,6.2-4.7,11.5-10.9,10.9l-23.7-2.2c-4.8-0.4-8.6-4.3-9.1-9.1L3.1,14C2.5,7.7,7.7,2.5,14,3.1z"/>
+	<path id="rect7840-8" sodipodi:nodetypes="ccccc" class="st0" d="M86,3.1L62.3,5.2c-4.8,0.4-8.6,4.3-9.1,9.1L51.1,38
+		c-0.6,6.2,4.7,11.5,10.9,10.9l23.7-2.2c4.8-0.4,8.6-4.3,9.1-9.1L96.9,14C97.5,7.7,92.3,2.5,86,3.1z"/>
+	<path id="rect7840-8-7" sodipodi:nodetypes="ccccc" class="st0" d="M86,96.9l-23.7-2.2c-4.8-0.4-8.6-4.3-9.1-9.1L51.1,62
+		c-0.6-6.2,4.7-11.5,10.9-10.9l23.7,2.2c4.8,0.4,8.6,4.3,9.1,9.1L96.9,86C97.5,92.3,92.3,97.5,86,96.9z"/>
+	<path id="rect7840-8-7-5" sodipodi:nodetypes="ccccc" class="st0" d="M14,96.9l23.7-2.2c4.8-0.4,8.6-4.3,9.1-9.1L48.9,62
+		c0.6-6.2-4.7-11.5-10.9-10.9l-23.7,2.2c-4.8,0.4-8.6,4.3-9.1,9.1L3.1,86C2.5,92.3,7.7,97.5,14,96.9z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-05Options.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-05Options.svg
new file mode 100644
index 00000000..f603c429
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-05Options.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M41.5 10H35.5" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M27.5 6V14" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M27.5 10L5.5 10" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.5 24H5.5" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.5 20V28" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M43.5 24H21.5" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M41.5 38H35.5" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M27.5 34V42" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M27.5 38H5.5" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-06Debug.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-06Debug.svg
new file mode 100644
index 00000000..0546a10a
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-06Debug.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g><rect width="48" height="48" fill="white" fill-opacity="0.01" stroke-linejoin="round" stroke-width="3" stroke="none" fill-rule="evenodd"/><g transform="translate(4.000000, 4.000000)"><path d="M20,38 C32,38 34,27.5323633 34,24 C34,20.837862 34,16.1711953 34,10 L6,10 C6,13.442296 6,18.1089627 6,24 C6,27.450596 8,38 20,38 Z" stroke="#FFFFFF" fill="none" fill-rule="nonzero" stroke-linejoin="round" stroke-width="3"/><path d="M3.55271368e-15,4 L6,10" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" fill="none" fill-rule="evenodd"/><path d="M40,4 L34,10" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" fill="none" fill-rule="evenodd"/><path d="M0,23 L6,23" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" fill="none" fill-rule="evenodd"/><path d="M40,23 L34,23" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" fill="none" fill-rule="evenodd"/><path d="M3,40 L9,34" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" fill="none" fill-rule="evenodd"/><path d="M37,40 L31,34" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" fill="none" fill-rule="evenodd"/><path d="M20,38 L20,10" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" fill="none" fill-rule="evenodd"/><path d="M10.920475,35.0408965 C13.002464,36.7831828 15.9245088,38 20,38 L20,38 C24.1112534,38 27.0487287,36.7713317 29.1341392,35.0138386" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" fill="none" fill-rule="evenodd"/><path d="M28,8.33333333 C28,3.73096042 24.418278,0 20,0 C15.581722,0 12,3.73096042 12,8.33333333 L12,10 L28,10 L28,8.33333333 Z" stroke="#FFFFFF" fill="none" fill-rule="nonzero" stroke-linejoin="round" stroke-width="3"/></g></g></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-07StepOver.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-07StepOver.svg
new file mode 100644
index 00000000..88f0d910
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-07StepOver.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#00FFFF;stroke:#FFFFFF;stroke-width:10.6171;stroke-linecap:round;stroke-miterlimit:15.1181;}
+	.st2{fill:none;stroke:#FFFFFF;stroke-width:10.6171;stroke-linecap:round;stroke-miterlimit:15.1181;}
+	.st3{fill:#FF4545;stroke:#FFFFFF;stroke-width:12;stroke-linecap:round;stroke-miterlimit:15.1181;}
+	.st4{fill:#0000FF;stroke:#FFFFFF;stroke-width:12;stroke-linecap:round;stroke-miterlimit:15.1181;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="47.706592" inkscape:cy="39.852458" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:snap-intersection-paths="true" inkscape:snap-midpoints="true" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="5.1565201" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="path4109" sodipodi:nodetypes="cccccccccc" class="st0" d="M11.9,9.5v65.3c0,1-0.8,1.8-1.8,1.8H5.2
+		c-1.5,0-2.3,1.7-1.4,2.8l10,13.1c0.7,0.9,2.1,0.9,2.8,0l10-13.1c0.9-1.2,0.1-2.8-1.4-2.8h-4.9c-1,0-1.8-0.8-1.8-1.8V9.5
+		c0-1-0.8-1.8-1.8-1.8l0,0h-3l0,0C12.7,7.8,11.9,8.6,11.9,9.5z"/>
+	<path id="path5199" class="st1" d="M45.4,30.3h47.4"/>
+	<path id="path5199-2" class="st2" d="M45.4,50.5h47.4"/>
+	<path id="path5199-4" class="st3" d="M31.6,90.9h60.6"/>
+	<path id="path5199-4-9" class="st4" d="M31.6,10.1h60.6"/>
+	<path id="path5199-45" class="st1" d="M45.4,70.7h47.4"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-08StepInto.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-08StepInto.svg
new file mode 100644
index 00000000..b4955a79
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-08StepInto.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#00FFFF;stroke:#FFFFFF;stroke-width:10.6171;stroke-linecap:round;stroke-miterlimit:15.1181;}
+	.st2{fill:#FF4545;stroke:#FFFFFF;stroke-width:12;stroke-linecap:round;stroke-miterlimit:15.1181;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="-1123.3581" inkscape:cy="138.22571" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:snap-intersection-paths="true" inkscape:snap-midpoints="true" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="0.22788815" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="path4109" sodipodi:nodetypes="csscccccsscc" class="st0" d="M4.1,5c-1.1,0-2,0.9-2,2c0.1,9.6-0.1-19.1,0,40.4
+		c0,2.3,2.5,7.9,5.7,7.9h11.6c1.1,0,2,0.9,2,2v4.2c0,1.7,1.9,2.6,3.2,1.6L37,53.6c1.1-0.8,1.1-2.4,0-3.2L24.5,41
+		c-1.3-1-3.2-0.1-3.2,1.6v4.2c0,1.1-0.9,2-2,2h-7.7c-1.1,0-3-1-3.1-2.1C8.3,42,8.5,14.7,8.6,7c0-1.1-0.9-2-2-2H4.1z"/>
+	<path id="path5199" class="st1" d="M45.4,30.3h47.4"/>
+	<path id="path5199-2" class="st1" d="M45.4,50.5h47.4"/>
+	<path id="path5199-4" class="st2" d="M31.6,90.9h60.6"/>
+	<path id="path5199-4-9" class="st2" d="M31.6,10.1h60.6"/>
+	<path id="path5199-45" class="st1" d="M45.4,70.7h47.4"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-08StepOut.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-08StepOut.svg
new file mode 100644
index 00000000..3bb84588
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-08StepOut.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#00FFFF;stroke:#FFFFFF;stroke-width:10.6171;stroke-linecap:round;stroke-miterlimit:15.1181;}
+	.st2{fill:#FF4545;stroke:#FFFFFF;stroke-width:12;stroke-linecap:round;stroke-miterlimit:15.1181;}
+	.st3{fill:#0000FF;stroke:#FFFFFF;stroke-width:12;stroke-linecap:round;stroke-miterlimit:15.1181;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="-1579.7223" inkscape:cy="10.970294" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:snap-intersection-paths="true" inkscape:snap-midpoints="true" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="0.22788815" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="path4109" sodipodi:nodetypes="csscccccsscc" class="st0" d="M38.5,38.3c0-1.4-1.2-2.6-2.6-2.6c-1.2,0,0,0-18.1,0
+		c-2.3,0-7.9,2.5-7.9,5.7v33.3c0,1.4-1.1,2.6-2.6,2.6H4.8c-2.1,0-3.3,2.4-2,4.1l8.3,10.9c1,1.4,3.1,1.4,4.1,0l8.3-10.9
+		c1.3-1.7,0.1-4.1-2-4.1H19c-1.4,0-2.6-1.1-2.6-2.6V45.3c0-1.1,1-3,2.1-3.1c4-0.2,13-0.1,17.4,0c1.4,0,2.6-1.1,2.6-2.6V38.3z"/>
+	<path id="path5199" class="st1" d="M45.4,30.3h47.4"/>
+	<path id="path5199-2" class="st1" d="M45.4,50.5h47.4"/>
+	<path id="path5199-4" class="st2" d="M31.6,90.9h60.6"/>
+	<path id="path5199-4-9" class="st3" d="M31.6,10.1h60.6"/>
+	<path id="path5199-45" class="st1" d="M45.4,70.7h47.4"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-09RunToCursor.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-09RunToCursor.svg
new file mode 100644
index 00000000..81f47375
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-09RunToCursor.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:7;stroke-miterlimit:15.1181;}
+	.st1{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:7;stroke-miterlimit:15.1181;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="207.89214" inkscape:cy="-135.3626" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:snap-intersection-paths="true" inkscape:snap-midpoints="true" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="1.28913" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="path1368" sodipodi:nodetypes="cccc" class="st0" d="M10,23.2v46.2c0,3,3.2,4.9,5.9,3.5L57.6,50c2.7-1.5,2.7-5.4,0-6.9
+		L15.9,19.8C13.3,18.3,10,20.2,10,23.2z"/>
+	<g id="text5154">
+		<path id="path6490" sodipodi:nodetypes="ccccccccccccccccc" class="st1" d="M87.8,85.5h-19c-2.2,0-3.9-1.8-3.9-3.9l0,0
+			c0-2.2,1.8-3.9,3.9-3.9h1.8c1.7,0.1,3.1-1.6,3.1-3.1v-56c0.1-1.7-1.8-2.7-3.4-2.7h-1.6c-2.2,0-3.9-1.8-3.9-3.9v-0.1
+			c0-2.2,1.8-3.9,3.9-3.9h18.9c2.2,0,3.9,1.8,3.9,3.9l0,0c0,2.2-1.8,3.9-3.9,3.9H86c-1.2,0-3.1,1.5-3.1,2.7v56.2
+			c-0.1,1.9,1.2,3,2.8,3h2.1c2.2,0,4,1.8,4,3.9l0,0C91.7,83.7,89.9,85.5,87.8,85.5z"/>
+	</g>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-10Continue.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-10Continue.svg
new file mode 100644
index 00000000..956116d2
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-10Continue.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:7;stroke-miterlimit:15.1181;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="207.89214" inkscape:cy="-135.36261" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:snap-intersection-paths="true" inkscape:snap-midpoints="true" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="1.28913" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闂備焦鎮堕崕鏌ュ磿閹惰姤鍎">
+	<path id="path1368" sodipodi:nodetypes="cccc" class="st0" d="M6.3,25.8V80c0,3,3.4,4.7,5.8,2.9L46.9,56c1.9-1.4,1.9-4.2,0-5.7
+		L12.1,22.9C9.8,21.1,6.3,22.8,6.3,25.8z"/>
+	<path id="path1368-0" sodipodi:nodetypes="cccc" class="st0" d="M50.5,26v54.2c0,3,3.4,4.7,5.8,2.9l34.8-26.9
+		c1.9-1.4,1.9-4.2,0-5.7L56.4,23.2C54,21.4,50.5,23,50.5,26z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-11Stop.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-11Stop.svg
new file mode 100644
index 00000000..4068b422
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-11Stop.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:7;stroke-miterlimit:10;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="207.89214" inkscape:cy="185.78421" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:snap-intersection-paths="true" inkscape:snap-midpoints="true" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="1.28913" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闂傚倷鐒﹂幃鍫曞磿閺屻儱纾块柟鎯板Г閸">
+	<path id="rect929" class="st0" d="M25.2,11.6h48.1c8.4,0,15.1,6.8,15.1,15.1v45c0,8.4-6.8,15.1-15.1,15.1H25.2
+		c-8.4,0-15.1-6.8-15.1-15.1v-45C10.1,18.4,16.9,11.6,25.2,11.6z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-12AddWatch.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-12AddWatch.svg
new file mode 100644
index 00000000..4cc919a8
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-12AddWatch.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;}
+	.st1{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="-82.613856" inkscape:cy="104.14" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:snap-intersection-paths="true" inkscape:snap-midpoints="true" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="2.57826" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闂佹悶鍎查崕鎶芥儑1">
+	<g id="g3178" transform="matrix(0.9850128,0,0,1,-0.50499474,10.373301)">
+		<path id="path927" sodipodi:nodetypes="sssccs" class="st0" d="M49.2,59.5C47.7,69.1,40,77,28.7,77S9.5,69.1,8.2,59.5
+			C7.4,53.8,6.9,50.1,6.7,48c-0.1-1.1,0.8-2.1,1.9-2.1h40.6c1.2,0,2.1,1,1.9,2.2C50.7,50.4,50,54.4,49.2,59.5L49.2,59.5z"/>
+		<path id="path927-1" sodipodi:nodetypes="sssccs" class="st0" d="M94.2,59.5C92.7,69.1,85,77,73.7,77s-19.2-7.9-20.5-17.5
+			c-0.8-5.7-1.3-9.4-1.5-11.5c-0.1-1.1,0.8-2.1,1.9-2.1h40.6c1.2,0,2.1,1,1.9,2.2C95.7,50.4,95,54.4,94.2,59.5L94.2,59.5z"/>
+	</g>
+	<path id="path1359" sodipodi:nodetypes="ccccccccccccc" class="st1" d="M52,20.6v9.1c0,1,0.8,1.9,1.9,1.9h13c1,0,1.9,0.8,1.9,1.9
+		v13c0,1,0.8,1.9,1.9,1.9h10.1c1,0,1.9-0.8,1.9-1.9v-13c0-1,0.8-1.9,1.9-1.9h12c1,0,1.9-0.8,1.9-1.9v-9.1c0-1-0.8-1.9-1.9-1.9h-12
+		c-1,0-1.9-0.8-1.9-1.9v-13c0-1-0.8-1.9-1.9-1.9H70.7c-1,0-1.9,0.8-1.9,1.9v13c0,1-0.8,1.9-1.9,1.9h-13C52.8,18.7,52,19.5,52,20.6z"
+		/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-13RemoveWatch.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-13RemoveWatch.svg
new file mode 100644
index 00000000..60b8c311
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-13RemoveWatch.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;}
+	.st1{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="15.514339" inkscape:cy="63.899684" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:snap-intersection-paths="true" inkscape:snap-midpoints="true" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="5.15652" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闂佹悶鍎查崕鎶芥儑1">
+	<g id="g3178" transform="matrix(0.9850128,0,0,1,-0.69048901,9.133259)">
+		<path id="path927" sodipodi:nodetypes="sssccs" class="st0" d="M48.7,56.1c-1.5,9.6-9.2,17.5-20.5,17.5S9,65.7,7.7,56.1
+			c-0.8-5.9-1.3-9.7-1.6-11.7c-0.1-1,0.7-1.9,1.7-1.9h41c1.1,0,1.9,0.9,1.7,2C50.2,46.7,49.5,50.8,48.7,56.1L48.7,56.1z"/>
+		<path id="path927-1" sodipodi:nodetypes="sssccs" class="st0" d="M93.7,56.1c-1.5,9.6-9.2,17.5-20.5,17.5S54,65.7,52.7,56.1
+			c-0.8-5.9-1.3-9.7-1.6-11.7c-0.1-1,0.7-1.9,1.7-1.9h41c1.1,0,1.9,0.9,1.7,2C95.2,46.7,94.5,50.8,93.7,56.1L93.7,56.1z"/>
+	</g>
+</g>
+<path class="st1" d="M87.7,26.2H50c-2.4,0-4.4-2-4.4-4.4v-4.1c0-2.4,2-4.4,4.4-4.4h37.7c2.4,0,4.4,2,4.4,4.4v4.1
+	C92.1,24.2,90.1,26.2,87.7,26.2z"/>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-14StepOverInstruction.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-14StepOverInstruction.svg
new file mode 100644
index 00000000..fee15061
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-14StepOverInstruction.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#00FFFF;stroke:#FFFFFF;stroke-width:10.6171;stroke-linecap:round;stroke-miterlimit:15.1181;}
+	.st2{fill:#FF4545;stroke:#FFFFFF;stroke-width:12;stroke-linecap:round;stroke-miterlimit:15.1181;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="47.900521" inkscape:cy="39.852458" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:snap-intersection-paths="true" inkscape:snap-midpoints="true" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="5.1565201" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<g id="g836" transform="matrix(0,1,1,0,-0.1767109,-0.051177)">
+		<path id="path4109" sodipodi:nodetypes="cccccccccc" class="st0" d="M11.8,9.1v65.3c0,1-0.8,1.8-1.8,1.8H5.1
+			c-1.5,0-2.3,1.7-1.4,2.8l10,13.1c0.7,0.9,2.1,0.9,2.8,0l10-13.1c0.9-1.2,0.1-2.8-1.4-2.8h-4.9c-1,0-1.8-0.8-1.8-1.8V9.1
+			c0-1-0.8-1.8-1.8-1.8l0,0h-3l0,0C12.6,7.3,11.8,8.1,11.8,9.1z"/>
+		<path id="path5199" class="st1" d="M45.3,29.8h47.4"/>
+		<path id="path5199-2" class="st1" d="M45.3,50h47.4"/>
+		<path id="path5199-4" class="st2" d="M31.4,90.4H92"/>
+		<path id="path5199-4-9" class="st2" d="M31.4,9.6H92"/>
+		<path id="path5199-45" class="st1" d="M45.3,70.2h47.4"/>
+	</g>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-15StepIntoInstruction.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-15StepIntoInstruction.svg
new file mode 100644
index 00000000..0104f336
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-15StepIntoInstruction.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#00FFFF;stroke:#FFFFFF;stroke-width:10.6171;stroke-linecap:round;stroke-miterlimit:15.1181;}
+	.st2{fill:#FF4545;stroke:#FFFFFF;stroke-width:12;stroke-linecap:round;stroke-miterlimit:15.1181;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="159.06926" inkscape:cy="144.53362" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:snap-intersection-paths="true" inkscape:snap-midpoints="true" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="1.8231052" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<g id="g836" transform="matrix(0,1,1,0,0.1145084,0.136672)">
+		<path id="path4109" sodipodi:nodetypes="csscccccsscc" class="st0" d="M3.9,5.3C3.1,5.3,2.4,6,2.4,6.8c0.1,11.2-0.1-19.6,0,40.9
+			c0,2.3,2.5,7.9,5.7,7.9h12.1c0.8,0,1.5,0.6,1.5,1.5V63c0,1.2,1.4,1.9,2.3,1.2l13.9-10.6c0.8-0.6,0.8-1.7,0-2.3L24,40.6
+			c-1-0.7-2.3,0-2.3,1.2v5.9c0,0.8-0.6,1.5-1.5,1.5H12c-1.1,0-3-1-3.1-2.1c-0.2-4.8-0.1-33.4,0-40.2c0-0.8-0.6-1.5-1.5-1.5L3.9,5.3z
+			"/>
+		<path id="path5199" class="st1" d="M45.8,30.6h47.4"/>
+		<path id="path5199-2" class="st1" d="M45.8,50.8h47.4"/>
+		<path id="path5199-4" class="st2" d="M32,91.3h60.6"/>
+		<path id="path5199-4-9" class="st2" d="M32,10.4h60.6"/>
+		<path id="path5199-45" class="st1" d="M45.8,71h47.4"/>
+	</g>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-16Interrupt.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-16Interrupt.svg
new file mode 100644
index 00000000..437c0c7f
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-16Interrupt.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:7;stroke-linecap:round;stroke-miterlimit:15.1181;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="230.38793" inkscape:cy="193.54137" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:snap-intersection-paths="true" inkscape:snap-midpoints="true" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="1.2891301" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闂佹悶鍎查崕鎶芥儑1">
+	<path id="rect1259" class="st0" d="M17,11.7h18.8c2.7,0,5,2.2,5,5v66.5c0,2.7-2.2,5-5,5H17c-2.7,0-5-2.2-5-5V16.6
+		C12,13.9,14.2,11.7,17,11.7z"/>
+	<path id="rect1259-9" class="st0" d="M65.5,11.7h18.8c2.7,0,5,2.2,5,5v66.5c0,2.7-2.2,5-5,5H65.5c-2.7,0-5-2.2-5-5V16.6
+		C60.5,13.9,62.7,11.7,65.5,11.7z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/05Run-17CompilerOptions.svg b/RedPandaIDE/resources/iconsets/material/actions/05Run-17CompilerOptions.svg
new file mode 100644
index 00000000..60eb4788
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/05Run-17CompilerOptions.svg
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg22"
+   sodipodi:docname="05Run-17CompilerOptions.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs26" />
+  <sodipodi:namedview
+     id="namedview24"
+     pagecolor="#1e1e1e"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="3.7068966"
+     inkscape:cy="20.12931"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg22" />
+  <g
+     id="g853"
+     transform="matrix(0.50738916,0,0,0.50738916,23.64532,23.64532)">
+    <rect
+       width="48"
+       height="48"
+       fill="#1e1e1e"
+       fill-opacity="0.01"
+       id="rect2"
+       x="0"
+       y="0" />
+    <path
+       d="m 41.5,10 h -6"
+       stroke="#1e1e1e"
+       stroke-width="3"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       id="path4" />
+    <path
+       d="m 27.5,6 v 8"
+       stroke="#1e1e1e"
+       stroke-width="3"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       id="path6" />
+    <path
+       d="M 27.5,10 H 5.5"
+       stroke="#1e1e1e"
+       stroke-width="3"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       id="path8" />
+    <path
+       d="m 13.5,24 h -8"
+       stroke="#1e1e1e"
+       stroke-width="3"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       id="path10" />
+    <path
+       d="m 21.5,20 v 8"
+       stroke="#1e1e1e"
+       stroke-width="3"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       id="path12" />
+    <path
+       d="m 43.5,24 h -22"
+       stroke="#1e1e1e"
+       stroke-width="3"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       id="path14" />
+    <path
+       d="m 41.5,38 h -6"
+       stroke="#1e1e1e"
+       stroke-width="3"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       id="path16" />
+    <path
+       d="m 27.5,34 v 8"
+       stroke="#1e1e1e"
+       stroke-width="3"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       id="path18" />
+    <path
+       d="M 27.5,38 H 5.5"
+       stroke="#1e1e1e"
+       stroke-width="3"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       id="path20" />
+  </g>
+  <path
+     id="rect7840"
+     sodipodi:nodetypes="ccccc"
+     class="st0"
+     d="M 7.0766606,1.562174 18.295691,2.6036032 c 2.27221,0.1893511 4.071042,2.0355204 4.30773,4.307729 l 0.994092,11.1716928 c 0.284026,2.934935 -2.224872,5.443833 -5.159809,5.159807 L 7.2186736,22.201402 C 4.9464655,22.012052 3.1476324,20.165882 2.9109452,17.893675 L 1.9168526,6.7219812 C 1.6328273,3.7397071 4.0943861,1.2781478 7.0766606,1.562174 Z"
+     style="fill:#1e1e1e;stroke:#1e1e1e;stroke-width:1.42013;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:15.1181" />
+  <path
+     id="rect7840-8"
+     sodipodi:nodetypes="ccccc"
+     class="st0"
+     d="M 41.159791,1.562174 29.940762,2.5562652 c -2.272208,0.1893511 -4.071041,2.0355213 -4.307729,4.307729 L 24.638941,18.083025 c -0.284026,2.934935 2.224872,5.443833 5.159808,5.159807 l 11.21903,-1.04143 c 2.272209,-0.18935 4.071041,-2.03552 4.307729,-4.307727 L 46.319599,6.7219812 C 46.603626,3.7397071 44.142066,1.2781478 41.159791,1.562174 Z"
+     style="fill:#1e1e1e;stroke:#1e1e1e;stroke-width:1.42013;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:15.1181" />
+  <path
+     id="rect7840-8-7-5"
+     sodipodi:nodetypes="ccccc"
+     class="st0"
+     d="M 7.0766606,45.964919 18.295691,44.92349 c 2.27221,-0.18935 4.071042,-2.03552 4.30773,-4.307729 l 0.994092,-11.171693 c 0.284026,-2.934936 -2.224872,-5.443834 -5.159809,-5.159807 L 7.2186736,25.325689 C 4.9464655,25.51504 3.1476324,27.36121 2.9109452,29.633419 L 1.9168526,40.805111 c -0.2840253,2.982275 2.1775335,5.443835 5.159808,5.159808 z"
+     style="fill:#1e1e1e;stroke:#1e1e1e;stroke-width:1.42013;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:15.1181" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/06View-01Maximum.svg b/RedPandaIDE/resources/iconsets/material/actions/06View-01Maximum.svg
new file mode 100644
index 00000000..2587b865
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/06View-01Maximum.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M6 6L16 15.8995" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 41.8995L16 32" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M42.0001 41.8995L32.1006 32" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M41.8995 6L32 15.8995" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M33 6H42V15" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 33V42H33" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 42H6V33" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 15V6H15" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/06View-02ClassBrowser.svg b/RedPandaIDE/resources/iconsets/material/actions/06View-02ClassBrowser.svg
new file mode 100644
index 00000000..33d6229c
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/06View-02ClassBrowser.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M24 16V32" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 24L32 24" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/06View-03Files.svg b/RedPandaIDE/resources/iconsets/material/actions/06View-03Files.svg
new file mode 100644
index 00000000..59e74e22
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/06View-03Files.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 8C5 6.89543 5.89543 6 7 6H19L24 12H41C42.1046 12 43 12.8954 43 14V40C43 41.1046 42.1046 42 41 42H7C5.89543 42 5 41.1046 5 40V8Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M43 22H5" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M5 16V28" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M43 16V28" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/06View-04CompileLog.svg b/RedPandaIDE/resources/iconsets/material/actions/06View-04CompileLog.svg
new file mode 100644
index 00000000..c1375778
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/06View-04CompileLog.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="13" y="10" width="28" height="34" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M35 10V4H8C7.44772 4 7 4.44772 7 5V38H13" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 22H33" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 30H33" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/06View-05Bookmark.svg b/RedPandaIDE/resources/iconsets/material/actions/06View-05Bookmark.svg
new file mode 100644
index 00000000..ed38342e
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/06View-05Bookmark.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 6C10 4.89543 10.8954 4 12 4H36C37.1046 4 38 4.89543 38 6V44L31 39L24 44L17 39L10 44V6Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 22L30 22" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 30L30 30" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 14L30 14" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/06View-06Todo.svg b/RedPandaIDE/resources/iconsets/material/actions/06View-06Todo.svg
new file mode 100644
index 00000000..0a7af879
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/06View-06Todo.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M5 10L8 13L14 7" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 24L8 27L14 21" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 38L8 41L14 35" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 24H43" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 38H43" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 10H43" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/07Help-01About.svg b/RedPandaIDE/resources/iconsets/material/actions/07Help-01About.svg
new file mode 100644
index 00000000..8a880a79
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/07Help-01About.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><circle cx="24" cy="24" r="20" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 17H20V24H23H24C27 24 28 22 28 20.5C28 19 27 17 24 17Z" fill="none"/><path d="M20 31V24M20 24L20 17H24C27 17 28 19 28 20.5C28 22 27 24 24 24H23M20 24H23M28 31L23 24" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/08Problem-01Problem.svg b/RedPandaIDE/resources/iconsets/material/actions/08Problem-01Problem.svg
new file mode 100644
index 00000000..2779417f
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/08Problem-01Problem.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.7768 30L18.019 15.0386V4H30.0282V15.0386L37.246 30" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M7.79426 43.673C6.16736 42.8855 5.4869 40.9282 6.27442 39.3013L10.7768 30C10.7768 30 18 35 24 30C30 25 37.246 30 37.246 30L41.7351 39.3052C41.9491 39.7488 42.0602 40.2348 42.0602 40.7273C42.0602 42.5347 40.595 44 38.7875 44H9.22018C8.72629 44 8.2388 43.8882 7.79426 43.673Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/08Problem-02ProblemSet.svg b/RedPandaIDE/resources/iconsets/material/actions/08Problem-02ProblemSet.svg
new file mode 100644
index 00000000..5436aec2
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/08Problem-02ProblemSet.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4H36" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round"/><path d="M10.7768 30L18.019 15.0386V4H30.0282V15.0386L37.246 30" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.79426 43.673C6.16736 42.8855 5.4869 40.9282 6.27442 39.3013L10.7768 30C10.7768 30 18 35 24 30C30 25 37.246 30 37.246 30L41.7351 39.3052C41.9491 39.7488 42.0602 40.2348 42.0602 40.7273C42.0602 42.5347 40.595 44 38.7875 44H9.22018C8.72629 44 8.2388 43.8882 7.79426 43.673Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/08Problem-03Properties.svg b/RedPandaIDE/resources/iconsets/material/actions/08Problem-03Properties.svg
new file mode 100644
index 00000000..081495a3
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/08Problem-03Properties.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18 10H30V27L44 41V44H4V41L18 27V10Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M40.5 37.5L37 34L33.5 30.5" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M40.5 37.5L37 34L33.5 30.5" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.5 30.5L11 34L7.5 37.5" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.5 30.5L11 34L7.5 37.5" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 4H30" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 27V28" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 18V21" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 35H38" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/08Problem-04EditSource.svg b/RedPandaIDE/resources/iconsets/material/actions/08Problem-04EditSource.svg
new file mode 100644
index 00000000..e86d7ba0
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/08Problem-04EditSource.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 44H38C39.1046 44 40 43.1046 40 42V14L31 4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44Z" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 35L31 25L27 21L17 31V35H21Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 4V14H40" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/08Problem-05RunCases.svg b/RedPandaIDE/resources/iconsets/material/actions/08Problem-05RunCases.svg
new file mode 100644
index 00000000..e0ae9f56
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/08Problem-05RunCases.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2;}
+	.st1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:2;}
+</style>
+<path class="st0" d="M4.5,3h15C20.3,3,21,3.7,21,4.5v15c0,0.8-0.7,1.5-1.5,1.5h-15C3.7,21,3,20.3,3,19.5v-15C3,3.7,3.7,3,4.5,3z"/>
+<path class="st1" d="M9.2,12V8.1l3.4,1.9L16,12l-3.4,1.9l-3.4,1.9V12z"/>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/actions/08Problem-06Correct.svg b/RedPandaIDE/resources/iconsets/material/actions/08Problem-06Correct.svg
new file mode 100644
index 00000000..bc20db66
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/08Problem-06Correct.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 44C29.5228 44 34.5228 41.7614 38.1421 38.1421C41.7614 34.5228 44 29.5228 44 24C44 18.4772 41.7614 13.4772 38.1421 9.85786C34.5228 6.23858 29.5228 4 24 4C18.4772 4 13.4772 6.23858 9.85786 9.85786C6.23858 13.4772 4 18.4772 4 24C4 29.5228 6.23858 34.5228 9.85786 38.1421C13.4772 41.7614 18.4772 44 24 44Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M16 24L22 30L34 18" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/08Problem-07Wrong.svg b/RedPandaIDE/resources/iconsets/material/actions/08Problem-07Wrong.svg
new file mode 100644
index 00000000..c3c31e83
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/08Problem-07Wrong.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="20" fill="none" stroke="#FFFFFF" stroke-width="3"/><path d="M17 31L31 17" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 19L17 17" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M31 31L29 29" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/actions/08Problem-08Running.svg b/RedPandaIDE/resources/iconsets/material/actions/08Problem-08Running.svg
new file mode 100644
index 00000000..0a0564b5
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/actions/08Problem-08Running.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M17 31L24 24L17 17" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M26 31L33 24L26 17" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/class.svg b/RedPandaIDE/resources/iconsets/material/classparser/class.svg
new file mode 100644
index 00000000..0fc80433
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/class.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="124.14426" inkscape:cy="82.233353" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="4.0920136" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<g id="text3748" transform="matrix(0.53695248,0,0,0.57154388,5.8020807,5.5499702)">
+		<path id="path843" class="st1" d="M88.3,26.6c-20.5,0.5-40.1,13.9-47.6,33c-5.6,13.4-7.4,29-2.8,42.9
+			c4.7,12.1,16.5,20.5,29.2,22.1c14.2,2.3,28.9-1.3,41.5-7.8c4.9-3.3,4.6-9.7,5.9-14.8c0.9-4.6,1.9-9.2,2.8-13.8
+			c-6.5-0.1-14.2-2.1-19.5,2.8c-7.8,6-18.7,9.7-28.2,5.8c-5.4-3.6-5.2-11-4.6-16.8c1-10.5,6.5-21.9,17.2-25.4
+			c9.1-2.9,19.7,0.2,25.8,7.6c5.2,3,13.6,1.3,15-5.1c0.9-6.4,2.5-12.7,3.6-19.1C115.3,30.5,102,25.7,88.3,26.6z"/>
+	</g>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/code_snippet.svg b/RedPandaIDE/resources/iconsets/material/classparser/code_snippet.svg
new file mode 100644
index 00000000..5d976c13
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/code_snippet.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="-1974.0863" inkscape:cy="384.31092" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="0.18084316" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="text8201" class="st1" d="M51.7,24.3c-6.3,0.1-12.9,3.7-15,10.1c-2.1,5.8-0.2,13.1,5.2,16.4c4.5,2.9,9.9,4.3,14.2,7.4
+		c2.2,2.2-0.4,5.6-3,5.8c-3.3,0.5-7.3,0.8-9.8-1.8c-1-1.9-0.8-4.2-1.1-6.3c-4,0.2-8,0.4-11.9,0.6c-0.4,5.8,1.2,12.5,6.5,15.6
+		c6.2,3.8,14.2,4.1,21.1,2.2c7.2-2.3,12.6-9.8,11.4-17.4c-0.4-4.8-4.1-8.5-8.3-10.4c-4.1-2.4-8.9-3.5-12.5-6.6
+		c-1.5-2,0.5-4.7,2.7-4.7c3.3-0.6,8-0.1,8.9,3.9c0.2,1.7,0.2,3.6,2.5,2.8c3.4-0.2,6.7-0.3,10.1-0.5c-0.1-5.4-2.3-10.9-6.8-13.9
+		C61.8,24.6,56.6,24,51.7,24.3z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/define.svg b/RedPandaIDE/resources/iconsets/material/classparser/define.svg
new file mode 100644
index 00000000..520fd2b3
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/define.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="6.9120668" inkscape:cy="208.05321" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="0.72337264" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="text3171" class="st1" d="M41.8,25.5c-0.8,3.7-1.7,7.3-2.5,11c-2.7,0-5.4,0-8,0c-0.6,3.1-1.3,6.2-1.9,9.3
+		c2.6,0,5.2,0,7.9,0c-0.8,1.6-0.2,4.7-1.9,5.3c-2.2,0-4.5,0-6.7,0c-0.7,3.1-1.4,6.2-2.1,9.3c2.4,0,4.9,0,7.3,0c-0.9,4-1.8,8-2.8,12
+		c3.7,0,7.4,0,11,0c0.9-4,1.9-8,2.8-12c1.7,0.4,6-1.1,4.5,1.6c-0.8,3.5-1.6,7-2.4,10.4c3.7,0,7.4,0,11,0c1-4,2-8,3-12
+		c2.6,0,5.2,0,7.8,0c0.8-3.1,1.7-6.2,2.5-9.3c-2.7,0-5.4,0-8.1,0c0.8-1.6,0.2-4.7,2-5.3c2.2,0,4.4,0,6.6,0c0.7-3.1,1.5-6.2,2.2-9.3
+		c-2.4,0-4.9,0-7.3,0c0.9-4.1,1.9-8.2,2.8-12.3c-3.7,0-7.4,0-11.1,0c-1,4.1-1.9,8.2-2.9,12.3c-1.7-0.4-6,1.1-4.5-1.6
+		c0.8-3.6,1.6-7.2,2.4-10.8c-3.7,0-7.5,0-11.2,0C42,24.6,41.9,25,41.8,25.5z M53.3,45.8c-0.8,1.6-0.3,4.7-2,5.3
+		c-2.2,0-5.4,0.7-3.7-2.2c0-2.5,1.2-3.7,3.9-3C52.1,45.8,52.7,45.8,53.3,45.8z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/enum.svg b/RedPandaIDE/resources/iconsets/material/classparser/enum.svg
new file mode 100644
index 00000000..6c3006be
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/enum.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="-918.86302" inkscape:cy="576.73318" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="0.25575085" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="text2379" class="st1" d="M32.2,29.6c0,13.8,0,27.6,0,41.4c13.2,0,26.4,0,39.6,0c0-3.5,0-7.1,0-10.6c-8.6,0-17.1,0-25.7,0
+		c0-2.3,0-4.5,0-6.8c7.7,0,15.4,0,23.1,0c0-3.5,0-7.1,0-10.6c-7.7,0-15.4,0-23.1,0c0.3-2.1-1.3-5.8,2.6-4.8c7.4,0,14.8,0,22.2,0
+		c0-3.5,0-7.1,0-10.6c-12.9,0-25.8,0-38.8,0C32.2,28.3,32.2,29,32.2,29.6z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/global.svg b/RedPandaIDE/resources/iconsets/material/classparser/global.svg
new file mode 100644
index 00000000..579e7dde
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/global.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="-1102.6357" inkscape:cy="494.62202" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="0.25575084" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="text3748" class="st1" d="M53.5,20.5c-9.8,0.5-17.9,7.8-21.4,16.4c-2.5,6.2-3.6,13.3-1.3,19.7c1.9,5.3,7.7,8.4,13.3,8.2
+		c4.3,0.1,8.5-1,12-3.3c-0.8,4.4-3.5,9-8.3,10.1c-5.8,1.5-11.8-0.2-17.2-2c-2.1-0.7-1.8,1.6-2.2,2.9c-0.5,2.1-1,4.2-1.5,6.4
+		c8.3,2.4,17.7,3.4,25.9,0.2c7.5-2.9,11.7-10.4,13.5-17.6c3.2-13.2,6.3-26.5,9.4-39.7c-3.1,0-6.3,0-9.4,0c-0.3,2-1.8,0.5-3,0.2
+		C60,20.7,56.7,20.3,53.5,20.5z M54.7,29.2c2.9,0,5.8,0.8,8.5,1.9C61.6,38,60,44.9,58.3,51.8c-4.5,2.7-10.1,5.3-15.4,3.2
+		c-3.6-2-3.3-6.6-2.9-10.1c0.7-6.4,4.3-13.3,11.1-15.3C52.3,29.4,53.5,29.2,54.7,29.2z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/global_method.svg b/RedPandaIDE/resources/iconsets/material/classparser/global_method.svg
new file mode 100644
index 00000000..ca2a7898
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/global_method.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="-89.931277" inkscape:cy="479.95932" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="0.51150169" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="text3748" class="st1" d="M57.3,22c-6.9,0.3-12.3,6.1-13.9,12.6c0,1.9-1.1,2.3-2.8,2c-2.1-0.6-1.4,2.3-2,3.5
+		c-0.5,2.3-1,4.5-1.4,6.8c1.1,0.3,3.1-0.1,3.6,0.4c-2.1,10.4-4.1,20.7-6.2,31.1c3.6,0,7.2,0,10.9,0c2.1-10.5,4.2-20.9,6.2-31.4
+		c3.2,0,6.3,0,9.5,0c0.7-3.5,1.5-7,2.2-10.5c-3.2,0-6.4,0-9.6,0c0.5-2.2,2.3-4.2,4.8-3.9c2.3-0.1,4.9,1.9,6.9,0.2
+		c1.2-1.8,0.9-4.1,1.6-6.1c0-1.4,1.8-4.1-0.7-3.9C63.4,22.2,60.4,21.7,57.3,22z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/keyword.svg b/RedPandaIDE/resources/iconsets/material/classparser/keyword.svg
new file mode 100644
index 00000000..3801bb2a
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/keyword.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="-1257.9962" inkscape:cy="288.9244" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="0.36168631" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<g id="text2513" transform="matrix(0.75219939,0,0,0.86434522,2.4003096,3.1871436)">
+		<path id="path17727" class="st1" d="M32.5,83.4c5.1,0,10.1,0,15.2,0c1.4-6.2,2.9-12.4,4.3-18.7c2.3-0.9,3.5-4.6,6.4-3.5
+			c2.4,2.2,3.3,5.7,5.2,8.4c2.5,4.6,5.1,9.2,7.6,13.8c5.5,0,11.1,0,16.6,0C81.9,73,76,62.6,70.1,52.1C80,43,89.8,33.9,99.7,24.8
+			c-6,0-12,0-17.9,0C73,33.4,64.2,42,55.4,50.6c2-8.6,4-17.2,5.9-25.8c-5.1,0-10.1,0-15.2,0C41.5,44.4,37,63.9,32.5,83.4z"/>
+	</g>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/method_inherited.svg b/RedPandaIDE/resources/iconsets/material/classparser/method_inherited.svg
new file mode 100644
index 00000000..87cc11e5
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/method_inherited.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#00FFFF;}
+	.st2{fill:none;stroke:#00FFFF;stroke-width:4.5363;stroke-miterlimit:15.1181;}
+	.st3{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="-1797.1374" inkscape:cy="141.00617" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="0.18084316" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="rect943" class="st1" d="M66.4,68.8h29.1c1.6,0,3,1.3,3,3v23.1c0,1.6-1.3,3-3,3H66.4c-1.6,0-3-1.3-3-3V71.8
+		C63.5,70.1,64.8,68.8,66.4,68.8z"/>
+	<path id="path1124" sodipodi:nodetypes="csssc" class="st2" d="M69.6,71.1c0,0-0.4-8.3,0.7-11.7c0.9-2.5,2.2-5.3,5-6.5
+		c3.4-1.5,8.3-1.6,11.7,0c2.7,1.2,4.7,6.5,4.7,6.5"/>
+	<path id="text3748" class="st3" d="M58.7,18.3c-7.6,0.3-13.6,6.8-15.4,14c0,2.2-1.3,2.5-3.2,2.2c-2.3-0.7-1.6,2.6-2.2,3.9
+		c-0.5,2.5-1.1,5-1.6,7.5c1.2,0.4,3.4-0.1,4,0.5c-2.3,11.5-4.6,23-6.9,34.6c4,0,8,0,12.1,0c2.3-11.6,4.6-23.2,6.9-34.9
+		c3.5,0,7.1,0,10.6,0c0.8-3.9,1.6-7.8,2.5-11.6c-3.6,0-7.1,0-10.7,0c0.6-2.5,2.6-4.7,5.3-4.3c2.5-0.1,5.4,2.1,7.7,0.3
+		c1.3-2,1-4.6,1.8-6.8c0-1.6,2.1-4.6-0.8-4.3C65.5,18.6,62.1,18.1,58.7,18.3L58.7,18.3z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/method_inherited_protected.svg b/RedPandaIDE/resources/iconsets/material/classparser/method_inherited_protected.svg
new file mode 100644
index 00000000..9faed806
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/method_inherited_protected.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FF00FF;}
+	.st2{fill:none;stroke:#FF00FF;stroke-width:4.5363;stroke-miterlimit:15.1181;}
+	.st3{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="-222.56855" inkscape:cy="163.81599" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="0.72337263" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="rect943" class="st1" d="M66.4,68.8h29.1c1.6,0,3,1.3,3,3v23.1c0,1.6-1.3,3-3,3H66.4c-1.6,0-3-1.3-3-3V71.8
+		C63.5,70.1,64.8,68.8,66.4,68.8z"/>
+	<path id="path1124" sodipodi:nodetypes="cssaac" class="st2" d="M69.6,73.2c0,0-0.4-8.3,0.7-11.7c0.9-2.5,2.2-5.3,5-6.5
+		c3.4-1.5,7.3-1.5,10.4,0c2.4,1.2,4.1,3.8,5.1,6.3c1.4,3.8,0.5,12.1,0.5,12.1"/>
+	<path id="text3748" class="st3" d="M58.5,15.7c-7.6,0.3-13.6,6.8-15.4,14c0,2.2-1.3,2.5-3.2,2.2c-2.3-0.7-1.6,2.6-2.2,3.9
+		c-0.5,2.5-1.1,5-1.6,7.5c1.2,0.4,3.4-0.1,4,0.5c-2.3,11.5-4.6,23-6.9,34.6c4,0,8,0,12.1,0c2.3-11.6,4.6-23.2,6.9-34.9
+		c3.5,0,7.1,0,10.6,0c0.8-3.9,1.6-7.8,2.5-11.6c-3.6,0-7.1,0-10.7,0c0.6-2.5,2.6-4.7,5.3-4.3c2.5-0.1,5.4,2.1,7.7,0.3
+		c1.3-2,1-4.6,1.8-6.8c0-1.6,2.1-4.6-0.8-4.3C65.3,16,61.9,15.5,58.5,15.7z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/method_private.svg b/RedPandaIDE/resources/iconsets/material/classparser/method_private.svg
new file mode 100644
index 00000000..a5f65be3
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/method_private.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FF00FF;}
+	.st2{fill:none;stroke:#FF00FF;stroke-width:4.5363;stroke-miterlimit:15.1181;}
+	.st3{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="-288.9244" inkscape:cy="51.840502" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="0.72337263" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="rect943" class="st1" d="M66.4,68.8h29.3c1.6,0,2.9,1.3,2.9,2.9v23.2c0,1.6-1.3,2.9-2.9,2.9H66.4c-1.6,0-2.9-1.3-2.9-2.9
+		V71.7C63.5,70.1,64.8,68.8,66.4,68.8z"/>
+	<path id="path1124" sodipodi:nodetypes="cssaac" class="st2" d="M69.6,73.2c0,0-0.4-8.3,0.7-11.7c0.9-2.5,2.2-5.3,5-6.5
+		c3.4-1.5,7.3-1.5,10.4,0c2.4,1.2,4.1,3.8,5.1,6.3c1.4,3.8,0.5,12.1,0.5,12.1"/>
+	<path id="text3748" class="st3" d="M60.4,16.2c-7.6,0.3-13.6,6.8-15.4,14c0,2.2-1.3,2.5-3.2,2.2c-2.3-0.7-1.6,2.6-2.2,3.9
+		c-0.5,2.5-1.1,5-1.6,7.5c1.2,0.4,3.4-0.1,4,0.5c-2.3,11.5-4.6,23-6.9,34.6c4,0,8,0,12.1,0c2.3-11.6,4.6-23.2,6.9-34.9
+		c3.5,0,7.1,0,10.6,0c0.8-3.9,1.6-7.8,2.5-11.6c-3.6,0-7.1,0-10.7,0c0.6-2.5,2.6-4.7,5.3-4.3c2.5-0.1,5.4,2.1,7.7,0.3
+		c1.3-2,1-4.6,1.8-6.8c0-1.6,2.1-4.6-0.8-4.3C67.2,16.5,63.8,16,60.4,16.2z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/method_protected.svg b/RedPandaIDE/resources/iconsets/material/classparser/method_protected.svg
new file mode 100644
index 00000000..7d73a22e
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/method_protected.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FF00FF;}
+	.st2{fill:none;stroke:#FF00FF;stroke-width:4.5363;stroke-miterlimit:15.1181;}
+	.st3{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="87.092043" inkscape:cy="52.099704" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="5.786981" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="rect943" class="st1" d="M66.4,68.8h29.1c1.6,0,3,1.3,3,3v23.1c0,1.6-1.3,3-3,3H66.4c-1.6,0-3-1.3-3-3V71.8
+		C63.5,70.1,64.8,68.8,66.4,68.8z"/>
+	<path id="path1124" sodipodi:nodetypes="cssaac" class="st2" d="M69.6,73.2c0,0-0.4-8.3,0.7-11.7c0.9-2.5,2.2-5.3,5-6.5
+		c3.4-1.5,7.3-1.5,10.4,0c2.4,1.2,4.1,3.8,5.1,6.3c1.4,3.8,0.5,12.1,0.5,12.1"/>
+	<path id="text3748" class="st3" d="M56.8,19.7c-7.6,0.3-13.6,6.8-15.4,14c0,2.2-1.3,2.5-3.2,2.2c-2.3-0.7-1.6,2.6-2.2,3.9
+		c-0.5,2.5-1.1,5-1.6,7.5c1.2,0.4,3.4-0.1,4,0.5c-2.3,11.5-4.6,23-6.9,34.6c4,0,8,0,12.1,0c2.3-11.6,4.6-23.2,6.9-34.9
+		c3.5,0,7.1,0,10.6,0c0.8-3.9,1.6-7.8,2.5-11.6c-3.6,0-7.1,0-10.7,0c0.6-2.5,2.6-4.7,5.3-4.3c2.5-0.1,5.4,2.1,7.7,0.3
+		c1.3-2,1-4.6,1.8-6.8c0-1.6,2.1-4.6-0.8-4.3C63.6,20,60.2,19.4,56.8,19.7z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/method_public.svg b/RedPandaIDE/resources/iconsets/material/classparser/method_public.svg
new file mode 100644
index 00000000..1b04bdb6
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/method_public.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#0FFFFF;}
+	.st2{fill:none;stroke:#00FFFF;stroke-width:4.5363;stroke-miterlimit:15.1181;}
+	.st3{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="87.092043" inkscape:cy="52.099704" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="5.786981" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="rect943" class="st1" d="M66.4,68.8h29.1c1.6,0,3,1.3,3,3v23.1c0,1.6-1.3,3-3,3H66.4c-1.6,0-3-1.3-3-3V71.8
+		C63.5,70.1,64.8,68.8,66.4,68.8z"/>
+	<path id="path1124" sodipodi:nodetypes="csssc" class="st2" d="M69.6,71.1c0,0-0.4-8.3,0.7-11.7c0.9-2.5,2.2-5.3,5-6.5
+		c3.4-1.5,8.3-1.6,11.7,0c2.7,1.2,4.7,6.5,4.7,6.5"/>
+	<path id="text3748" class="st3" d="M57.3,20.6c-7.6,0.3-13.6,6.8-15.4,14c0,2.2-1.3,2.5-3.2,2.2c-2.3-0.7-1.6,2.6-2.2,3.9
+		c-0.5,2.5-1.1,5-1.6,7.5c1.2,0.4,3.4-0.1,4,0.5c-2.3,11.5-4.6,23-6.9,34.6c4,0,8,0,12.1,0c2.3-11.6,4.6-23.2,6.9-34.9
+		c3.5,0,7.1,0,10.6,0c0.8-3.9,1.6-7.8,2.5-11.6c-3.6,0-7.1,0-10.7,0c0.6-2.5,2.6-4.7,5.3-4.3c2.5-0.1,5.4,2.1,7.7,0.3
+		c1.3-2,1-4.6,1.8-6.8c0-1.6,2.1-4.6-0.8-4.3C64.1,20.8,60.7,20.3,57.3,20.6z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/namespace.svg b/RedPandaIDE/resources/iconsets/material/classparser/namespace.svg
new file mode 100644
index 00000000..8b47e6a3
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/namespace.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="-379.27539" inkscape:cy="854.34715" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="0.25575084" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="text3748" class="st1" d="M35.3,26.6C31.5,42,27.7,57.3,23.8,72.7c4.7,0,9.5,0,14.2,0c2-8,4-16.1,6-24.1
+		c2.7,8,5.3,16.1,8,24.1c4.5,0,9,0,13.5,0c3.9-15.8,7.9-31.7,11.8-47.5c-4.7,0-9.5,0-14.2,0c-1.7,7-3.5,14-5.2,21
+		c-2.3-7-4.6-14-6.9-21c-5.1,0-10.2,0-15.2,0C35.5,25.7,35.4,26.1,35.3,26.6L35.3,26.6z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/static_method.svg b/RedPandaIDE/resources/iconsets/material/classparser/static_method.svg
new file mode 100644
index 00000000..b7ecf10e
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/static_method.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="71.358513" inkscape:cy="54.129831" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="4.0920135" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="text3748" class="st1" d="M56.7,16.9c-7.6,0.3-13.6,6.8-15.4,14c0,2.2-1.3,2.5-3.2,2.2c-2.3-0.7-1.6,2.6-2.2,3.9
+		c-0.5,2.5-1.1,5-1.6,7.5c1.2,0.4,3.4-0.1,4,0.5c-2.3,11.5-4.6,23-6.9,34.6c4,0,8,0,12.1,0c2.3-11.6,4.6-23.2,6.9-34.9
+		c3.5,0,7.1,0,10.6,0c0.8-3.9,1.6-7.8,2.5-11.6c-3.6,0-7.1,0-10.7,0c0.6-2.5,2.6-4.7,5.3-4.3c2.5-0.1,5.4,2.1,7.7,0.3
+		c1.3-2,1-4.6,1.8-6.8c0-1.6,2.1-4.6-0.8-4.3C63.5,17.1,60.1,16.6,56.7,16.9z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/static_var.svg b/RedPandaIDE/resources/iconsets/material/classparser/static_var.svg
new file mode 100644
index 00000000..d6ac0229
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/static_var.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="-825.02171" inkscape:cy="404.69075" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="0.25575084" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<g id="text2532" transform="matrix(1.1921924,0,0,1.1711689,-2.4714737,-1.693051)">
+		<path id="path12593" class="st1" d="M23.5,24.7c5.4,14.3,10.8,28.7,16.3,43c3.6,0,7.3,0,10.9,0C56.6,52.5,62.4,37.2,68.3,22
+			c-4.3,0-8.7,0-13,0c-3.3,8.7-6.6,17.3-10,26c-3.3-8.7-6.6-17.3-9.8-26c-4.3,0-8.7,0-13,0C22.8,22.8,23.2,23.8,23.5,24.7z"/>
+	</g>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/type.svg b/RedPandaIDE/resources/iconsets/material/classparser/type.svg
new file mode 100644
index 00000000..11c392bb
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/type.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="-1337.239" inkscape:cy="306.93935" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="0.25575085" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="text3748" class="st1" d="M32.4,24.7c-0.9,4-1.8,8-2.6,12.1c5.2,0,10.5,0,15.7,0c-3,13.4-6,26.7-9.1,40.1
+		c4.8,0,9.7,0,14.5,0c3-13.4,6-26.7,9.1-40.1c5.3,0,10.5,0,15.8,0c1-4.5,2-9,3-13.5c-15.3,0-30.6,0-46,0
+		C32.7,23.7,32.5,24.2,32.4,24.7z"/>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/var.svg b/RedPandaIDE/resources/iconsets/material/classparser/var.svg
new file mode 100644
index 00000000..5ec68729
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/var.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="36.979558" inkscape:cy="86.228035" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="2.8934905" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<g id="text2532" transform="matrix(1.1921924,0,0,1.1711689,-2.599767,-1.9559172)">
+		<path id="path12593" class="st1" d="M23.2,24C28.6,38.3,34,52.7,39.5,67c3.6,0,7.3,0,10.9,0C56.3,51.8,62.1,36.6,68,21.3
+			c-4.3,0-8.7,0-13,0c-3.3,8.7-6.6,17.3-10,26c-3.3-8.7-6.6-17.3-9.8-26c-4.3,0-8.7,0-13,0C22.5,22.2,22.9,23.1,23.2,24z"/>
+	</g>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/var_inherited.svg b/RedPandaIDE/resources/iconsets/material/classparser/var_inherited.svg
new file mode 100644
index 00000000..b2ebda55
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/var_inherited.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#00FFFF;}
+	.st2{fill:none;stroke:#00FFFF;stroke-width:4.5363;stroke-miterlimit:15.1181;}
+	.st3{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="-2189.7428" inkscape:cy="-235.01027" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="0.18084316" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闁搞儲鍎抽惇1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="rect943" class="st1" d="M66.4,68.8h29.1c1.6,0,3,1.3,3,3v23.1c0,1.6-1.3,3-3,3H66.4c-1.6,0-3-1.3-3-3V71.8
+		C63.5,70.1,64.8,68.8,66.4,68.8z"/>
+	<path id="path1124" sodipodi:nodetypes="csssc" class="st2" d="M69.6,71.1c0,0-0.4-8.3,0.7-11.7c0.9-2.5,2.2-5.3,5-6.5
+		c3.4-1.5,8.3-1.6,11.7,0c2.7,1.2,4.7,6.5,4.7,6.5"/>
+	<g id="text2532" transform="matrix(1.1921924,0,0,1.1711689,-2.6116128,-2.4888717)">
+		<path id="path12593" class="st3" d="M23.2,22.8c5.4,14.3,10.8,28.7,16.3,43c3.6,0,7.3,0,10.9,0C56.3,50.6,62.1,35.3,68,20.1
+			c-4.3,0-8.7,0-13,0c-3.3,8.7-6.6,17.3-10,26c-3.3-8.7-6.6-17.3-9.8-26c-4.3,0-8.7,0-13,0C22.5,21,22.9,21.9,23.2,22.8z"/>
+	</g>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/var_inherited_protected.svg b/RedPandaIDE/resources/iconsets/material/classparser/var_inherited_protected.svg
new file mode 100644
index 00000000..382c12a2
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/var_inherited_protected.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FF00FF;}
+	.st2{fill:none;stroke:#FF00FF;stroke-width:4.5363;stroke-miterlimit:15.1181;}
+	.st3{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="-35.942748" inkscape:cy="130.63806" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="0.72337263" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闂備焦鎮堕崕鏌ュ磿閹惰姤鍎">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="rect943" class="st1" d="M66.4,68.8h29.1c1.6,0,3,1.3,3,3v23.1c0,1.6-1.3,3-3,3H66.4c-1.6,0-3-1.3-3-3V71.8
+		C63.5,70.1,64.8,68.8,66.4,68.8z"/>
+	<path id="path1124" sodipodi:nodetypes="cssaac" class="st2" d="M69.6,73.2c0,0-0.4-8.3,0.7-11.7c0.9-2.5,2.2-5.3,5-6.5
+		c3.4-1.5,7.3-1.5,10.4,0c2.4,1.2,4.1,3.8,5.1,6.3c1.4,3.8,0.5,12.1,0.5,12.1"/>
+	<g id="text2532" transform="matrix(1.1921924,0,0,1.1711689,-3.2855736,-1.5901536)">
+		<path id="path12593" class="st3" d="M21.6,24.9c5.4,14.3,10.8,28.7,16.3,43c3.6,0,7.3,0,10.9,0c5.9-15.2,11.7-30.5,17.6-45.7
+			c-4.3,0-8.7,0-13,0c-3.3,8.7-6.6,17.3-10,26c-3.3-8.7-6.6-17.3-9.8-26c-4.3,0-8.7,0-13,0C20.9,23.1,21.3,24,21.6,24.9z"/>
+	</g>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/var_private.svg b/RedPandaIDE/resources/iconsets/material/classparser/var_private.svg
new file mode 100644
index 00000000..91f87f0f
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/var_private.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FF00FF;}
+	.st2{fill:none;stroke:#FF00FF;stroke-width:4.5363;stroke-miterlimit:15.1181;}
+	.st3{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="87.092043" inkscape:cy="52.099704" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="5.786981" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闂佹悶鍎查崕鎶芥儑1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="rect943" class="st1" d="M66.4,68.8h29.1c1.6,0,3,1.3,3,3v23.1c0,1.6-1.3,3-3,3H66.4c-1.6,0-3-1.3-3-3V71.8
+		C63.5,70.1,64.8,68.8,66.4,68.8z"/>
+	<path id="path1124" sodipodi:nodetypes="cssaac" class="st2" d="M69.6,73.2c0,0-0.4-8.3,0.7-11.7c0.9-2.5,2.2-5.3,5-6.5
+		c3.4-1.5,7.3-1.5,10.4,0c2.4,1.2,4.1,3.8,5.1,6.3c1.4,3.8,0.5,12.1,0.5,12.1"/>
+	<g id="text2532" transform="matrix(1.1921924,0,0,1.1711689,-2.5083261,-1.9101967)">
+		<path id="path12593" class="st3" d="M23.4,24.1c5.4,14.3,10.8,28.7,16.3,43c3.6,0,7.3,0,10.9,0c5.9-15.2,11.7-30.5,17.6-45.7
+			c-4.3,0-8.7,0-13,0c-3.3,8.7-6.6,17.3-10,26c-3.3-8.7-6.6-17.3-9.8-26c-4.3,0-8.7,0-13,0C22.8,22.3,23.1,23.2,23.4,24.1z"/>
+	</g>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/var_protected.svg b/RedPandaIDE/resources/iconsets/material/classparser/var_protected.svg
new file mode 100644
index 00000000..5e9d92b0
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/var_protected.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#FF00FF;}
+	.st2{fill:none;stroke:#FF00FF;stroke-width:4.5363;stroke-miterlimit:15.1181;}
+	.st3{fill:#FFFFFF;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="87.092043" inkscape:cy="52.099704" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="5.786981" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闂佹悶鍎查崕鎶芥儑1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="rect943" class="st1" d="M66.4,68.8h29.1c1.6,0,3,1.3,3,3v23.1c0,1.6-1.3,3-3,3H66.4c-1.6,0-3-1.3-3-3V71.8
+		C63.5,70.1,64.8,68.8,66.4,68.8z"/>
+	<path id="path1124" sodipodi:nodetypes="cssaac" class="st2" d="M69.6,73.2c0,0-0.4-8.3,0.7-11.7c0.9-2.5,2.2-5.3,5-6.5
+		c3.4-1.5,7.3-1.5,10.4,0c2.4,1.2,4.1,3.8,5.1,6.3c1.4,3.8,0.5,12.1,0.5,12.1"/>
+	<g id="text2532" transform="matrix(1.1921924,0,0,1.1711689,-2.6454874,-1.8187558)">
+		<path id="path12593" class="st3" d="M23.1,24.4C28.5,38.7,34,53,39.4,67.3c3.6,0,7.3,0,10.9,0C56.2,52.1,62,36.9,67.9,21.6
+			c-4.3,0-8.7,0-13,0c-3.3,8.7-6.6,17.3-10,26c-3.3-8.7-6.6-17.3-9.8-26c-4.3,0-8.7,0-13,0C22.4,22.5,22.8,23.5,23.1,24.4z"/>
+	</g>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/classparser/var_public.svg b/RedPandaIDE/resources/iconsets/material/classparser/var_public.svg
new file mode 100644
index 00000000..2ad4ae7f
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/classparser/var_public.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg5" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
+	.st1{fill:#00FFFF;}
+	.st2{fill:none;stroke:#00FFFF;stroke-width:4.5363;stroke-miterlimit:15.1181;}
+	.st3{fill:#FFFFFF;stroke:#FFFFFF;stroke-miterlimit:15.1181;}
+</style>
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="namedview7" inkscape:current-layer="layer1" inkscape:cx="87.092043" inkscape:cy="52.099704" inkscape:document-units="px" inkscape:pagecheckerboard="0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1001" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="-9" inkscape:window-y="-9" inkscape:zoom="5.786981" pagecolor="#1e1e1e" showgrid="false" units="px" width="100px">
+	</sodipodi:namedview>
+<g id="layer1" inkscape:groupmode="layer" inkscape:label="闂佹悶鍎查崕鎶芥儑1">
+	<path id="rect1440" class="st0" d="M32.3,5.3h36.2c14.9,0,27,12.1,27,27v35.5c0,14.9-12.1,27-27,27H32.3c-14.9,0-27-12.1-27-27
+		V32.3C5.3,17.4,17.4,5.3,32.3,5.3z"/>
+	<path id="rect943" class="st1" d="M66.4,68.8h29.1c1.6,0,3,1.3,3,3v23.1c0,1.6-1.3,3-3,3H66.4c-1.6,0-3-1.3-3-3V71.8
+		C63.5,70.1,64.8,68.8,66.4,68.8z"/>
+	<path id="path1124" sodipodi:nodetypes="csssc" class="st2" d="M69.6,71.1c0,0-0.4-8.3,0.7-11.7c0.9-2.5,2.2-5.3,5-6.5
+		c3.4-1.5,8.3-1.6,11.7,0c2.7,1.2,4.7,6.5,4.7,6.5"/>
+	<g id="text2532" transform="matrix(1.1921924,0,0,1.1711689,-2.8740896,-2.1387989)">
+		<path id="path12593" class="st3" d="M22.6,23.6c5.4,14.3,10.8,28.7,16.3,43c3.6,0,7.3,0,10.9,0c5.9-15.2,11.7-30.5,17.6-45.7
+			c-4.3,0-8.7,0-13,0c-3.3,8.7-6.6,17.3-10,26c-3.3-8.7-6.6-17.3-9.8-26c-4.3,0-8.7,0-13,0C21.9,21.8,22.2,22.7,22.6,23.6z"/>
+	</g>
+</g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/editor/bookmark.svg b/RedPandaIDE/resources/iconsets/material/editor/bookmark.svg
new file mode 100644
index 00000000..5117c6dc
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/editor/bookmark.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M8 44L8 6C8 4.89543 8.89543 4 10 4H38C39.1046 4 40 4.89543 40 6V44L24 35.7273L8 44Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M16 18H32" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/editor/breakpoint.svg b/RedPandaIDE/resources/iconsets/material/editor/breakpoint.svg
new file mode 100644
index 00000000..bc20db66
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/editor/breakpoint.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 44C29.5228 44 34.5228 41.7614 38.1421 38.1421C41.7614 34.5228 44 29.5228 44 24C44 18.4772 41.7614 13.4772 38.1421 9.85786C34.5228 6.23858 29.5228 4 24 4C18.4772 4 13.4772 6.23858 9.85786 9.85786C6.23858 13.4772 4 18.4772 4 24C4 29.5228 6.23858 34.5228 9.85786 38.1421C13.4772 41.7614 18.4772 44 24 44Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M16 24L22 30L34 18" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/editor/currentline.svg b/RedPandaIDE/resources/iconsets/material/editor/currentline.svg
new file mode 100644
index 00000000..1047af72
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/editor/currentline.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linejoin="round"/><path d="M14.4917 24.5H32.4917" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.4917 15.5L32.4917 24.5L23.4917 33.5" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/editor/syntaxerror.svg b/RedPandaIDE/resources/iconsets/material/editor/syntaxerror.svg
new file mode 100644
index 00000000..c3c31e83
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/editor/syntaxerror.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="20" fill="none" stroke="#FFFFFF" stroke-width="3"/><path d="M17 31L31 17" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 19L17 17" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M31 31L29 29" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/editor/syntaxwarning.svg b/RedPandaIDE/resources/iconsets/material/editor/syntaxwarning.svg
new file mode 100644
index 00000000..d74a79cb
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/editor/syntaxwarning.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="35" height="35" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="20" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><circle cx="24" cy="24" r="12" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/cfile-vcs-changed.svg b/RedPandaIDE/resources/iconsets/material/filesystem/cfile-vcs-changed.svg
new file mode 100644
index 00000000..f2942618
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/cfile-vcs-changed.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="cfile-vcs-changed.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="8.2024385"
+     inkscape:cx="-4.6327687"
+     inkscape:cy="17.616712"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 19.670936,43.881774 h 8.562887 M 40.803941,26.89076 V 13.881774 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 24.975371"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cccccssc" />
+  <path
+     id="text2970"
+     style="font-size:11.2889px;line-height:1.25;font-family:sans-serif;fill:#bfc9ff;fill-opacity:1;stroke-width:0.411429"
+     d="m 35.594902,29.441142 c -2.934821,0.103439 -5.6028,2.323276 -6.120572,5.233451 -0.720103,3.201889 0.07537,7.267182 3.261799,8.845959 2.787338,1.374581 6.095726,0.738416 8.732564,-0.682672 0,-1.114624 0,-2.229247 0,-3.343871 -0.962184,-0.205666 -1.662016,0.248173 -2.35073,0.862543 -1.841476,1.214037 -4.987388,1.242961 -5.989202,-1.066029 -0.811231,-1.999409 -0.751133,-4.80289 1.084253,-6.22306 1.94019,-1.207528 4.464555,-0.31756 6.02261,1.129808 1.235604,0.342896 1.399757,-0.385664 1.233069,-1.445061 -0.117667,-0.839103 0.432561,-2.099303 -0.748351,-2.2667 -1.579783,-0.787706 -3.358874,-1.187716 -5.12544,-1.044368 z" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <text
+     xml:space="preserve"
+     style="font-size:146.286px;line-height:1.25;font-family:sans-serif;stroke-width:1.37143"
+     x="15.724138"
+     y="20.571428"
+     id="text3217"><tspan
+       sodipodi:role="line"
+       id="tspan3215"
+       style="stroke-width:1.37143"
+       x="15.724138"
+       y="20.571428">!</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-size:20.813px;line-height:1.25;font-family:sans-serif;fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406"
+     x="8.2130604"
+     y="45.971664"
+     id="text7085"
+     transform="scale(1.0690363,0.93542194)"><tspan
+       sodipodi:role="line"
+       id="tspan7083"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406;stroke-opacity:1"
+       x="8.2130604"
+       y="45.971664">!</tspan></text>
+  <ellipse
+     style="fill:none;fill-opacity:1;stroke:#1e1e1e;stroke-width:2.46857;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path17711"
+     cx="12.650248"
+     cy="35.586208"
+     rx="10.758621"
+     ry="10.604926" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/cfile-vcs-conflict.svg b/RedPandaIDE/resources/iconsets/material/filesystem/cfile-vcs-conflict.svg
new file mode 100644
index 00000000..813d536d
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/cfile-vcs-conflict.svg
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="cfile-vcs-conflict.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="8.2024385"
+     inkscape:cx="7.3148979"
+     inkscape:cy="3.9622364"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 19.670936,43.881774 h 8.562887 M 40.803941,26.89076 V 13.881774 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 26.814545"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cccccssc"
+     style="stroke-width:3.00069;stroke-miterlimit:4;stroke-dasharray:none" />
+  <path
+     id="text2970"
+     style="font-size:11.2889px;line-height:1.25;font-family:sans-serif;fill:#bfc9ff;fill-opacity:1;stroke-width:0.411429"
+     d="m 35.594902,29.441142 c -2.934821,0.103439 -5.6028,2.323276 -6.120572,5.233451 -0.720103,3.201889 0.07537,7.267182 3.261799,8.845959 2.787338,1.374581 6.095726,0.738416 8.732564,-0.682672 0,-1.114624 0,-2.229247 0,-3.343871 -0.962184,-0.205666 -1.662016,0.248173 -2.35073,0.862543 -1.841476,1.214037 -4.987388,1.242961 -5.989202,-1.066029 -0.811231,-1.999409 -0.751133,-4.80289 1.084253,-6.22306 1.94019,-1.207528 4.464555,-0.31756 6.02261,1.129808 1.235604,0.342896 1.399757,-0.385664 1.233069,-1.445061 -0.117667,-0.839103 0.432561,-2.099303 -0.748351,-2.2667 -1.579783,-0.787706 -3.358874,-1.187716 -5.12544,-1.044368 z" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <text
+     xml:space="preserve"
+     style="font-size:146.286px;line-height:1.25;font-family:sans-serif;stroke-width:1.37143"
+     x="15.724138"
+     y="20.571428"
+     id="text3217"><tspan
+       sodipodi:role="line"
+       id="tspan3215"
+       style="stroke-width:1.37143"
+       x="15.724138"
+       y="20.571428">!</tspan></text>
+  <g
+     id="g1154">
+    <text
+       xml:space="preserve"
+       style="font-size:20.813px;line-height:1.25;font-family:sans-serif;fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406"
+       x="8.2130604"
+       y="45.614185"
+       id="text7085"
+       transform="scale(1.0690363,0.93542194)"><tspan
+         sodipodi:role="line"
+         id="tspan7083"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406;stroke-opacity:1"
+         x="8.2130604"
+         y="45.614185">!</tspan></text>
+    <path
+       sodipodi:type="star"
+       style="fill:none;fill-opacity:0.75;stroke:#1e1e1e;stroke-width:4.85737;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path8328"
+       inkscape:flatsided="true"
+       sodipodi:sides="3"
+       sodipodi:cx="22.118614"
+       sodipodi:cy="41.472401"
+       sodipodi:r1="20.71603"
+       sodipodi:r2="10.358015"
+       sodipodi:arg1="-0.48603193"
+       sodipodi:arg2="0.56116562"
+       inkscape:rounded="0.1"
+       inkscape:randomized="0"
+       transform="matrix(0.61775998,0,0,-0.61775998,-0.68116884,62.17597)"
+       inkscape:transform-center-x="0.12750331"
+       inkscape:transform-center-y="1.585798"
+       d="m 40.435591,31.795507 c 1.676087,3.172594 -15.50944,30.51307 -19.09503,30.378308 C 17.754971,62.039052 2.6701873,33.485711 4.5796903,30.44788 6.4891933,27.410049 38.759504,28.622914 40.435591,31.795507 Z" />
+  </g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/cfile-vcs-nochange.svg b/RedPandaIDE/resources/iconsets/material/filesystem/cfile-vcs-nochange.svg
new file mode 100644
index 00000000..b6bc86fd
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/cfile-vcs-nochange.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="cfile-vcs-nochange.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="5.8"
+     inkscape:cx="-0.86206897"
+     inkscape:cy="-1.9827586"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 19.670936,43.881774 8.019705,0 m 13.1133,-17.133005 0,-12.866995 -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 24.975371"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cccccssc" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <text
+     xml:space="preserve"
+     style="font-size:146.286px;line-height:1.25;font-family:sans-serif;stroke-width:1.37143"
+     x="15.724138"
+     y="20.571428"
+     id="text3217"><tspan
+       sodipodi:role="line"
+       id="tspan3215"
+       style="stroke-width:1.37143"
+       x="15.724138"
+       y="20.571428">!</tspan></text>
+  <ellipse
+     style="fill:none;fill-opacity:1;stroke:#1e1e1e;stroke-width:2.46857;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path17711"
+     cx="12.650248"
+     cy="35.586208"
+     rx="10.758621"
+     ry="10.604926" />
+  <path
+     style="fill:none;stroke:#1e1e1e;stroke-width:3.29142;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 6.9194448,35.470771 2.1897435,3.682749 1.6920647,0.79627 1.791615,-0.79627 5.872493,-8.062234"
+     id="path1509" />
+  <path
+     id="text2970"
+     style="font-size:11.2889px;line-height:1.25;font-family:sans-serif;fill:#bfc9ff;fill-opacity:1;stroke-width:0.411429"
+     d="m 35.095995,29.124931 c -2.934821,0.103439 -5.6028,2.323276 -6.120572,5.233451 -0.720103,3.201889 0.07537,7.267182 3.261799,8.845959 2.787338,1.374581 6.095726,0.738416 8.732564,-0.682672 0,-1.114624 0,-2.229247 0,-3.343871 -0.962184,-0.205666 -1.662016,0.248173 -2.35073,0.862543 -1.841476,1.214037 -4.987388,1.242961 -5.989202,-1.066029 -0.811231,-1.999409 -0.751133,-4.80289 1.084253,-6.22306 1.94019,-1.207528 4.464555,-0.31756 6.02261,1.129808 1.235604,0.342896 1.399757,-0.385664 1.233069,-1.445061 -0.117667,-0.839103 0.432561,-2.099303 -0.748351,-2.2667 -1.579783,-0.787706 -3.358874,-1.187716 -5.12544,-1.044368 z" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/cfile-vcs-staged.svg b/RedPandaIDE/resources/iconsets/material/filesystem/cfile-vcs-staged.svg
new file mode 100644
index 00000000..6c7294bd
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/cfile-vcs-staged.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="cfile-vcs-staged.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="0.725"
+     inkscape:cx="-328.27586"
+     inkscape:cy="-53.103448"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 19.670936,43.881774 8.492611,0 M 40.803941,26.394089 V 13.881774 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 24.975371"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cccccssc" />
+  <path
+     id="text2970"
+     style="font-size:11.2889px;line-height:1.25;font-family:sans-serif;fill:#bfc9ff;fill-opacity:1;stroke-width:0.411429"
+     d="m 35.450675,29.243159 c -2.934821,0.103439 -5.6028,2.323276 -6.120572,5.233451 -0.720103,3.201889 0.07537,7.267182 3.261799,8.845959 2.787338,1.374581 6.095726,0.738416 8.732564,-0.682672 0,-1.114624 0,-2.229247 0,-3.343871 -0.962184,-0.205666 -1.662016,0.248173 -2.35073,0.862543 -1.841476,1.214037 -4.987388,1.242961 -5.989202,-1.066029 -0.811231,-1.999409 -0.751133,-4.80289 1.084253,-6.22306 1.94019,-1.207528 4.464555,-0.31756 6.02261,1.129808 1.235604,0.342896 1.399757,-0.385664 1.233069,-1.445061 -0.117667,-0.839103 0.432561,-2.099303 -0.748351,-2.2667 -1.579783,-0.787706 -3.358874,-1.187716 -5.12544,-1.044368 z" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <text
+     xml:space="preserve"
+     style="font-size:146.286px;line-height:1.25;font-family:sans-serif;stroke-width:1.37143"
+     x="15.724138"
+     y="20.571428"
+     id="text3217"><tspan
+       sodipodi:role="line"
+       id="tspan3215"
+       style="stroke-width:1.37143"
+       x="15.724138"
+       y="20.571428">!</tspan></text>
+  <ellipse
+     style="fill:none;fill-opacity:1;stroke:#1e1e1e;stroke-width:2.46857;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path17711"
+     cx="12.650248"
+     cy="35.586208"
+     rx="10.758621"
+     ry="10.604926" />
+  <path
+     style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.391022;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 6.5242399,33.89178 v 3.388855 H 10.95582 v 4.43158 h 3.649536 v -4.43158 h 4.170898 V 33.89178 H 14.605356 V 29.4602 H 10.95582 v 4.43158 z"
+     id="path1359"
+     sodipodi:nodetypes="ccccccccccccc" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/cfile.svg b/RedPandaIDE/resources/iconsets/material/filesystem/cfile.svg
new file mode 100644
index 00000000..5c7d6432
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/cfile.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="cfile.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="-0.34482759"
+     inkscape:cy="20.991379"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="M 40.803941,27.871922 V 13.881774 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 41.881774 c 0,1.1046 0.895431,2 2.000001,2 H 28.57734"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cccssssc" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <path
+     id="text2970"
+     style="font-size:11.2889px;line-height:1.25;font-family:sans-serif;fill:#bfc9ff;fill-opacity:1;stroke-width:0.411429"
+     d="m 35.678501,29.724105 c -2.934821,0.103439 -5.6028,2.323276 -6.120572,5.233451 -0.720103,3.201889 0.07537,7.267182 3.261799,8.845959 2.787338,1.374581 6.095726,0.738416 8.732564,-0.682672 0,-1.114624 0,-2.229247 0,-3.343871 -0.962184,-0.205666 -1.662016,0.248173 -2.35073,0.862543 -1.841476,1.214037 -4.987388,1.242961 -5.989202,-1.066029 -0.811231,-1.999409 -0.751133,-4.80289 1.084253,-6.22306 1.94019,-1.207528 4.464555,-0.31756 6.02261,1.129808 1.235604,0.342896 1.399757,-0.385664 1.233069,-1.445061 -0.117667,-0.839103 0.432561,-2.099303 -0.748351,-2.2667 -1.579783,-0.787706 -3.358874,-1.187716 -5.12544,-1.044368 z" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/cppfile-vcs-changed.svg b/RedPandaIDE/resources/iconsets/material/filesystem/cppfile-vcs-changed.svg
new file mode 100644
index 00000000..206da36c
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/cppfile-vcs-changed.svg
@@ -0,0 +1,119 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="cppfile-vcs-changed.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="8.2024385"
+     inkscape:cx="-4.6327687"
+     inkscape:cy="17.616712"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 19.670936,43.881774 5.051736,0 M 40.803941,26.054772 V 13.881774 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 24.975371"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cccccssc" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <text
+     xml:space="preserve"
+     style="font-size:146.286px;line-height:1.25;font-family:sans-serif;stroke-width:1.37143"
+     x="15.724138"
+     y="20.571428"
+     id="text3217"><tspan
+       sodipodi:role="line"
+       id="tspan3215"
+       style="stroke-width:1.37143"
+       x="15.724138"
+       y="20.571428">!</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-size:20.813px;line-height:1.25;font-family:sans-serif;fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406"
+     x="8.3694601"
+     y="45.792927"
+     id="text7085"
+     transform="scale(1.0690363,0.93542194)"><tspan
+       sodipodi:role="line"
+       id="tspan7083"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406;stroke-opacity:1"
+       x="8.3694601"
+       y="45.792927">!</tspan></text>
+  <ellipse
+     style="fill:none;fill-opacity:1;stroke:#1e1e1e;stroke-width:2.46857;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path17711"
+     cx="12.650248"
+     cy="35.586208"
+     rx="10.758621"
+     ry="10.604926" />
+  <g
+     id="g17075"
+     style="fill:#bfffc6;fill-opacity:1"
+     transform="translate(0.10411712,0.09389895)">
+    <path
+       id="text2970"
+       style="font-size:11.2889px;line-height:1.25;font-family:sans-serif;fill:#bfffc6;fill-opacity:1;stroke-width:0.411429"
+       d="m 32.14033,29.479612 c -2.934821,0.103439 -5.6028,2.323276 -6.120572,5.233451 -0.720103,3.201889 0.07537,7.267182 3.261799,8.845959 2.787338,1.374581 6.095726,0.738416 8.732564,-0.682672 0,-1.114624 0,-2.229247 0,-3.343871 -0.962184,-0.205666 -1.662016,0.248173 -2.35073,0.862543 -1.841476,1.214037 -4.987388,1.242961 -5.989202,-1.066029 -0.811231,-1.999409 -0.751133,-4.80289 1.084253,-6.22306 1.94019,-1.207528 4.464555,-0.31756 6.02261,1.129808 1.235604,0.342896 1.399757,-0.385664 1.233069,-1.445061 -0.117667,-0.839103 0.432561,-2.099303 -0.748351,-2.2667 -1.579783,-0.787706 -3.358874,-1.187716 -5.12544,-1.044368 z" />
+    <text
+       xml:space="preserve"
+       style="font-weight:bold;font-size:14.738px;line-height:1.25;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+       x="43.51461"
+       y="35.595913"
+       id="text10817"
+       transform="scale(0.83956824,1.1910884)"><tspan
+         sodipodi:role="line"
+         id="tspan10815"
+         style="fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+         x="43.51461"
+         y="35.595913">+</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-weight:bold;font-size:14.738px;line-height:1.25;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+       x="47.708836"
+       y="29.637804"
+       id="text10817-3"
+       transform="scale(0.83956824,1.1910884)"><tspan
+         sodipodi:role="line"
+         id="tspan10815-6"
+         style="fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+         x="47.708836"
+         y="29.637804">+</tspan></text>
+  </g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/cppfile-vcs-conflict.svg b/RedPandaIDE/resources/iconsets/material/filesystem/cppfile-vcs-conflict.svg
new file mode 100644
index 00000000..f79763c0
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/cppfile-vcs-conflict.svg
@@ -0,0 +1,134 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="cppfile-vcs-conflict.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="32.809754"
+     inkscape:cx="13.989742"
+     inkscape:cy="21.838018"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 19.670936,43.881774 h 5.051736 M 40.803941,26.054772 V 13.881774 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 26.981743"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cccccssc" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <text
+     xml:space="preserve"
+     style="font-size:146.286px;line-height:1.25;font-family:sans-serif;stroke-width:1.37143"
+     x="15.724138"
+     y="20.571428"
+     id="text3217"><tspan
+       sodipodi:role="line"
+       id="tspan3215"
+       style="stroke-width:1.37143"
+       x="15.724138"
+       y="20.571428">!</tspan></text>
+  <g
+     id="g17075"
+     style="fill:#bfffc6;fill-opacity:1"
+     transform="translate(0.10411712,0.09389895)">
+    <path
+       id="text2970"
+       style="font-size:11.2889px;line-height:1.25;font-family:sans-serif;fill:#bfffc6;fill-opacity:1;stroke-width:0.411429"
+       d="m 32.14033,29.479612 c -2.934821,0.103439 -5.6028,2.323276 -6.120572,5.233451 -0.720103,3.201889 0.07537,7.267182 3.261799,8.845959 2.787338,1.374581 6.095726,0.738416 8.732564,-0.682672 0,-1.114624 0,-2.229247 0,-3.343871 -0.962184,-0.205666 -1.662016,0.248173 -2.35073,0.862543 -1.841476,1.214037 -4.987388,1.242961 -5.989202,-1.066029 -0.811231,-1.999409 -0.751133,-4.80289 1.084253,-6.22306 1.94019,-1.207528 4.464555,-0.31756 6.02261,1.129808 1.235604,0.342896 1.399757,-0.385664 1.233069,-1.445061 -0.117667,-0.839103 0.432561,-2.099303 -0.748351,-2.2667 -1.579783,-0.787706 -3.358874,-1.187716 -5.12544,-1.044368 z" />
+    <text
+       xml:space="preserve"
+       style="font-weight:bold;font-size:14.738px;line-height:1.25;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+       x="43.51461"
+       y="35.595913"
+       id="text10817"
+       transform="scale(0.83956824,1.1910884)"><tspan
+         sodipodi:role="line"
+         id="tspan10815"
+         style="fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+         x="43.51461"
+         y="35.595913">+</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-weight:bold;font-size:14.738px;line-height:1.25;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+       x="47.708836"
+       y="29.637804"
+       id="text10817-3"
+       transform="scale(0.83956824,1.1910884)"><tspan
+         sodipodi:role="line"
+         id="tspan10815-6"
+         style="fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+         x="47.708836"
+         y="29.637804">+</tspan></text>
+  </g>
+  <g
+     id="g1154"
+     transform="translate(-0.41634808,0.02281776)">
+    <text
+       xml:space="preserve"
+       style="font-size:20.813px;line-height:1.25;font-family:sans-serif;fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406"
+       x="8.2130604"
+       y="45.614185"
+       id="text7085"
+       transform="scale(1.0690363,0.93542194)"><tspan
+         sodipodi:role="line"
+         id="tspan7083"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406;stroke-opacity:1"
+         x="8.2130604"
+         y="45.614185">!</tspan></text>
+    <path
+       sodipodi:type="star"
+       style="fill:none;fill-opacity:0.75;stroke:#1e1e1e;stroke-width:4.85737;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path8328"
+       inkscape:flatsided="true"
+       sodipodi:sides="3"
+       sodipodi:cx="22.118614"
+       sodipodi:cy="41.472401"
+       sodipodi:r1="20.71603"
+       sodipodi:r2="10.358015"
+       sodipodi:arg1="-0.48603193"
+       sodipodi:arg2="0.56116562"
+       inkscape:rounded="0.1"
+       inkscape:randomized="0"
+       transform="matrix(0.61775998,0,0,-0.61775998,-0.68116884,62.17597)"
+       inkscape:transform-center-x="0.12750331"
+       inkscape:transform-center-y="1.585798"
+       d="m 40.435591,31.795507 c 1.676087,3.172594 -15.50944,30.51307 -19.09503,30.378308 C 17.754971,62.039052 2.6701873,33.485711 4.5796903,30.44788 6.4891933,27.410049 38.759504,28.622914 40.435591,31.795507 Z" />
+  </g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/cppfile-vcs-nochange.svg b/RedPandaIDE/resources/iconsets/material/filesystem/cppfile-vcs-nochange.svg
new file mode 100644
index 00000000..d645b311
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/cppfile-vcs-nochange.svg
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="cppfile-vcs-nochange.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="16.404877"
+     inkscape:cx="13.471603"
+     inkscape:cy="22.036129"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 19.670936,43.881774 h 5.595339 m 15.537666,-17.801796 0,-12.198204 -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 24.975371"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cccccssc" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <text
+     xml:space="preserve"
+     style="font-size:146.286px;line-height:1.25;font-family:sans-serif;stroke-width:1.37143"
+     x="15.724138"
+     y="20.571428"
+     id="text3217"><tspan
+       sodipodi:role="line"
+       id="tspan3215"
+       style="stroke-width:1.37143"
+       x="15.724138"
+       y="20.571428">!</tspan></text>
+  <ellipse
+     style="fill:none;fill-opacity:1;stroke:#1e1e1e;stroke-width:2.46857;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path17711"
+     cx="12.650248"
+     cy="35.586208"
+     rx="10.758621"
+     ry="10.604926" />
+  <path
+     style="fill:none;stroke:#1e1e1e;stroke-width:3.29142;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 6.9194448,35.470771 2.1897435,3.682749 1.6920647,0.79627 1.791615,-0.79627 5.872493,-8.062234"
+     id="path1509" />
+  <g
+     id="g17075"
+     style="fill:#bfffc6;fill-opacity:1"
+     transform="translate(-0.15575106,-0.09179264)">
+    <path
+       id="text2970-0"
+       style="font-size:11.2889px;line-height:1.25;font-family:sans-serif;fill:#bfffc6;fill-opacity:1;stroke-width:0.411429"
+       d="m 32.14033,29.479612 c -2.934821,0.103439 -5.6028,2.323276 -6.120572,5.233451 -0.720103,3.201889 0.07537,7.267182 3.261799,8.845959 2.787338,1.374581 6.095726,0.738416 8.732564,-0.682672 0,-1.114624 0,-2.229247 0,-3.343871 -0.962184,-0.205666 -1.662016,0.248173 -2.35073,0.862543 -1.841476,1.214037 -4.987388,1.242961 -5.989202,-1.066029 -0.811231,-1.999409 -0.751133,-4.80289 1.084253,-6.22306 1.94019,-1.207528 4.464555,-0.31756 6.02261,1.129808 1.235604,0.342896 1.399757,-0.385664 1.233069,-1.445061 -0.117667,-0.839103 0.432561,-2.099303 -0.748351,-2.2667 -1.579783,-0.787706 -3.358874,-1.187716 -5.12544,-1.044368 z" />
+    <text
+       xml:space="preserve"
+       style="font-weight:bold;font-size:14.738px;line-height:1.25;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+       x="43.51461"
+       y="35.595913"
+       id="text10817"
+       transform="scale(0.83956824,1.1910884)"><tspan
+         sodipodi:role="line"
+         id="tspan10815"
+         style="fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+         x="43.51461"
+         y="35.595913">+</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-weight:bold;font-size:14.738px;line-height:1.25;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+       x="47.708836"
+       y="29.637804"
+       id="text10817-3"
+       transform="scale(0.83956824,1.1910884)"><tspan
+         sodipodi:role="line"
+         id="tspan10815-6"
+         style="fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+         x="47.708836"
+         y="29.637804">+</tspan></text>
+  </g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/cppfile-vcs-staged.svg b/RedPandaIDE/resources/iconsets/material/filesystem/cppfile-vcs-staged.svg
new file mode 100644
index 00000000..13e365e1
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/cppfile-vcs-staged.svg
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="cppfile-vcs-staged.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="2.9"
+     inkscape:cx="17.241379"
+     inkscape:cy="43.965517"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 19.670936,43.881774 4.827586,0 M 40.803941,26.394089 V 13.881774 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 24.975371"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cccccssc" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <text
+     xml:space="preserve"
+     style="font-size:146.286px;line-height:1.25;font-family:sans-serif;stroke-width:1.37143"
+     x="15.724138"
+     y="20.571428"
+     id="text3217"><tspan
+       sodipodi:role="line"
+       id="tspan3215"
+       style="stroke-width:1.37143"
+       x="15.724138"
+       y="20.571428">!</tspan></text>
+  <ellipse
+     style="fill:none;fill-opacity:1;stroke:#1e1e1e;stroke-width:2.46857;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path17711"
+     cx="12.650248"
+     cy="35.586208"
+     rx="10.758621"
+     ry="10.604926" />
+  <path
+     style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.391022;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 6.5242399,33.89178 v 3.388855 H 10.95582 v 4.43158 h 3.649536 v -4.43158 h 4.170898 V 33.89178 H 14.605356 V 29.4602 H 10.95582 v 4.43158 z"
+     id="path1359"
+     sodipodi:nodetypes="ccccccccccccc" />
+  <g
+     id="g17075"
+     style="fill:#bfffc6;fill-opacity:1">
+    <path
+       id="text2970"
+       style="font-size:11.2889px;line-height:1.25;font-family:sans-serif;fill:#bfffc6;fill-opacity:1;stroke-width:0.411429"
+       d="m 32.14033,29.479612 c -2.934821,0.103439 -5.6028,2.323276 -6.120572,5.233451 -0.720103,3.201889 0.07537,7.267182 3.261799,8.845959 2.787338,1.374581 6.095726,0.738416 8.732564,-0.682672 0,-1.114624 0,-2.229247 0,-3.343871 -0.962184,-0.205666 -1.662016,0.248173 -2.35073,0.862543 -1.841476,1.214037 -4.987388,1.242961 -5.989202,-1.066029 -0.811231,-1.999409 -0.751133,-4.80289 1.084253,-6.22306 1.94019,-1.207528 4.464555,-0.31756 6.02261,1.129808 1.235604,0.342896 1.399757,-0.385664 1.233069,-1.445061 -0.117667,-0.839103 0.432561,-2.099303 -0.748351,-2.2667 -1.579783,-0.787706 -3.358874,-1.187716 -5.12544,-1.044368 z" />
+    <text
+       xml:space="preserve"
+       style="font-weight:bold;font-size:14.738px;line-height:1.25;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';stroke-width:0.460564;fill:#bfffc6;fill-opacity:1"
+       x="43.51461"
+       y="35.595913"
+       id="text10817"
+       transform="scale(0.83956824,1.1910884)"><tspan
+         sodipodi:role="line"
+         id="tspan10815"
+         style="fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+         x="43.51461"
+         y="35.595913">+</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-weight:bold;font-size:14.738px;line-height:1.25;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';stroke-width:0.460564;fill:#bfffc6;fill-opacity:1"
+       x="47.708836"
+       y="29.637804"
+       id="text10817-3"
+       transform="scale(0.83956824,1.1910884)"><tspan
+         sodipodi:role="line"
+         id="tspan10815-6"
+         style="fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+         x="47.708836"
+         y="29.637804">+</tspan></text>
+  </g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/cppfile.svg b/RedPandaIDE/resources/iconsets/material/filesystem/cppfile.svg
new file mode 100644
index 00000000..7f179998
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/cppfile.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="cppfile.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="-0.34482759"
+     inkscape:cy="20.991379"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <g
+     id="g929"
+     transform="translate(-2.0098522)">
+    <path
+       d="M 40.803941,27.871922 V 13.881774 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 41.881774 c 0,1.1046 0.895431,2 2.000001,2 H 28.57734"
+       stroke="#1e1e1e"
+       stroke-width="3"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       id="path2"
+       sodipodi:nodetypes="cccssssc" />
+    <path
+       d="M 30.803941,3.8817734 V 13.881774 h 10"
+       stroke="#1e1e1e"
+       stroke-width="3"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       id="path8" />
+  </g>
+  <g
+     id="g17075"
+     style="fill:#bfffc6;fill-opacity:1"
+     transform="translate(0.46427939,-0.50033386)">
+    <path
+       id="text2970-9"
+       style="font-size:11.2889px;line-height:1.25;font-family:sans-serif;fill:#bfffc6;fill-opacity:1;stroke-width:0.411429"
+       d="m 32.14033,29.479612 c -2.934821,0.103439 -5.6028,2.323276 -6.120572,5.233451 -0.720103,3.201889 0.07537,7.267182 3.261799,8.845959 2.787338,1.374581 6.095726,0.738416 8.732564,-0.682672 0,-1.114624 0,-2.229247 0,-3.343871 -0.962184,-0.205666 -1.662016,0.248173 -2.35073,0.862543 -1.841476,1.214037 -4.987388,1.242961 -5.989202,-1.066029 -0.811231,-1.999409 -0.751133,-4.80289 1.084253,-6.22306 1.94019,-1.207528 4.464555,-0.31756 6.02261,1.129808 1.235604,0.342896 1.399757,-0.385664 1.233069,-1.445061 -0.117667,-0.839103 0.432561,-2.099303 -0.748351,-2.2667 -1.579783,-0.787706 -3.358874,-1.187716 -5.12544,-1.044368 z" />
+    <text
+       xml:space="preserve"
+       style="font-weight:bold;font-size:14.738px;line-height:1.25;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+       x="43.51461"
+       y="35.595913"
+       id="text10817"
+       transform="scale(0.83956824,1.1910884)"><tspan
+         sodipodi:role="line"
+         id="tspan10815"
+         style="fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+         x="43.51461"
+         y="35.595913">+</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-weight:bold;font-size:14.738px;line-height:1.25;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+       x="47.708836"
+       y="29.637804"
+       id="text10817-3"
+       transform="scale(0.83956824,1.1910884)"><tspan
+         sodipodi:role="line"
+         id="tspan10815-6"
+         style="fill:#bfffc6;fill-opacity:1;stroke-width:0.460564"
+         x="47.708836"
+         y="29.637804">+</tspan></text>
+  </g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/file-vcs-changed.svg b/RedPandaIDE/resources/iconsets/material/filesystem/file-vcs-changed.svg
new file mode 100644
index 00000000..48ecdb31
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/file-vcs-changed.svg
@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="file-vcs-changed.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="29.396552"
+     inkscape:cy="22.887931"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 19.670936,43.881774 h 19.133005 c 1.1046,0 2,-0.8954 2,-2 v -28 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 24.975371"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cssccssc" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <text
+     xml:space="preserve"
+     style="font-size:146.286px;line-height:1.25;font-family:sans-serif;stroke-width:1.37143"
+     x="15.724138"
+     y="20.571428"
+     id="text3217"><tspan
+       sodipodi:role="line"
+       id="tspan3215"
+       style="stroke-width:1.37143"
+       x="15.724138"
+       y="20.571428">!</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-size:20.813px;line-height:1.25;font-family:sans-serif;fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406"
+     x="8.1626472"
+     y="45.614185"
+     id="text7085"
+     transform="scale(1.0690363,0.93542194)"><tspan
+       sodipodi:role="line"
+       id="tspan7083"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406;stroke-opacity:1"
+       x="8.1626472"
+       y="45.614185">!</tspan></text>
+  <ellipse
+     style="fill:none;fill-opacity:1;stroke:#1e1e1e;stroke-width:2.46857;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path17711"
+     cx="12.650248"
+     cy="35.586208"
+     rx="10.758621"
+     ry="10.604926" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/file-vcs-conflict.svg b/RedPandaIDE/resources/iconsets/material/filesystem/file-vcs-conflict.svg
new file mode 100644
index 00000000..93d85e60
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/file-vcs-conflict.svg
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="file-vcs-conflict.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="29.482759"
+     inkscape:cy="22.887931"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 19.670936,43.881774 h 19.133005 c 1.1046,0 2,-0.8954 2,-2 v -28 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 27.221676"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cssccssc" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <text
+     xml:space="preserve"
+     style="font-size:146.286px;line-height:1.25;font-family:sans-serif;stroke-width:1.37143"
+     x="15.724138"
+     y="20.571428"
+     id="text3217"><tspan
+       sodipodi:role="line"
+       id="tspan3215"
+       style="stroke-width:1.37143"
+       x="15.724138"
+       y="20.571428">!</tspan></text>
+  <g
+     id="g1154"
+     transform="translate(-0.20132715,-0.17647077)">
+    <text
+       xml:space="preserve"
+       style="font-size:20.813px;line-height:1.25;font-family:sans-serif;fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406"
+       x="8.2130604"
+       y="45.614185"
+       id="text7085"
+       transform="scale(1.0690363,0.93542194)"><tspan
+         sodipodi:role="line"
+         id="tspan7083"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406;stroke-opacity:1"
+         x="8.2130604"
+         y="45.614185">!</tspan></text>
+    <path
+       sodipodi:type="star"
+       style="fill:none;fill-opacity:0.75;stroke:#1e1e1e;stroke-width:4.85737;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path8328"
+       inkscape:flatsided="true"
+       sodipodi:sides="3"
+       sodipodi:cx="22.118614"
+       sodipodi:cy="41.472401"
+       sodipodi:r1="20.71603"
+       sodipodi:r2="10.358015"
+       sodipodi:arg1="-0.48603193"
+       sodipodi:arg2="0.56116562"
+       inkscape:rounded="0.1"
+       inkscape:randomized="0"
+       transform="matrix(0.61775998,0,0,-0.61775998,-0.68116884,62.17597)"
+       inkscape:transform-center-x="0.12750331"
+       inkscape:transform-center-y="1.585798"
+       d="m 40.435591,31.795507 c 1.676087,3.172594 -15.50944,30.51307 -19.09503,30.378308 C 17.754971,62.039052 2.6701873,33.485711 4.5796903,30.44788 6.4891933,27.410049 38.759504,28.622914 40.435591,31.795507 Z" />
+  </g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/file-vcs-nochange.svg b/RedPandaIDE/resources/iconsets/material/filesystem/file-vcs-nochange.svg
new file mode 100644
index 00000000..75597b01
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/file-vcs-nochange.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="file-vcs-changed - 副本.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="20.775862"
+     inkscape:cy="8.2327586"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 19.670936,43.881774 h 19.133005 c 1.1046,0 2,-0.8954 2,-2 v -28 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 24.975371"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cssccssc" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <text
+     xml:space="preserve"
+     style="font-size:146.286px;line-height:1.25;font-family:sans-serif;stroke-width:1.37143"
+     x="15.724138"
+     y="20.571428"
+     id="text3217"><tspan
+       sodipodi:role="line"
+       id="tspan3215"
+       style="stroke-width:1.37143"
+       x="15.724138"
+       y="20.571428">!</tspan></text>
+  <ellipse
+     style="fill:none;fill-opacity:1;stroke:#1e1e1e;stroke-width:2.46857;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path17711"
+     cx="12.650248"
+     cy="35.586208"
+     rx="10.758621"
+     ry="10.604926" />
+  <path
+     style="fill:none;stroke:#1e1e1e;stroke-width:3.29142;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 6.9194448,35.470771 2.1897435,3.682749 1.6920647,0.79627 1.791615,-0.79627 5.872493,-8.062234"
+     id="path1509" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/file-vcs-staged.svg b/RedPandaIDE/resources/iconsets/material/filesystem/file-vcs-staged.svg
new file mode 100644
index 00000000..e658a74d
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/file-vcs-staged.svg
@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="file-vcs-nochange - 副本.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="20.775862"
+     inkscape:cy="8.2327586"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 19.670936,43.881774 h 19.133005 c 1.1046,0 2,-0.8954 2,-2 v -28 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 24.975371"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cssccssc" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <text
+     xml:space="preserve"
+     style="font-size:146.286px;line-height:1.25;font-family:sans-serif;stroke-width:1.37143"
+     x="15.724138"
+     y="20.571428"
+     id="text3217"><tspan
+       sodipodi:role="line"
+       id="tspan3215"
+       style="stroke-width:1.37143"
+       x="15.724138"
+       y="20.571428">!</tspan></text>
+  <ellipse
+     style="fill:none;fill-opacity:1;stroke:#1e1e1e;stroke-width:2.46857;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path17711"
+     cx="12.650248"
+     cy="35.586208"
+     rx="10.758621"
+     ry="10.604926" />
+  <path
+     style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.391022;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 6.5242399,33.89178 v 3.388855 H 10.95582 v 4.43158 h 3.649536 v -4.43158 h 4.170898 V 33.89178 H 14.605356 V 29.4602 H 10.95582 v 4.43158 z"
+     id="path1359"
+     sodipodi:nodetypes="ccccccccccccc" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/file.svg b/RedPandaIDE/resources/iconsets/material/filesystem/file.svg
new file mode 100644
index 00000000..c94bd33c
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/file.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="file.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#1e1e1e"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="5.9482759"
+     inkscape:cy="19.784483"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 10.803941,43.881774 h 28 c 1.1046,0 2,-0.8954 2,-2 v -28 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 41.881774 c 0,1.1046 0.895431,2 2.000001,2 z"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/folder-vcs-changed.svg b/RedPandaIDE/resources/iconsets/material/filesystem/folder-vcs-changed.svg
new file mode 100644
index 00000000..b59d8d7c
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/folder-vcs-changed.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="folder-vcs-changed.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="18.189655"
+     inkscape:cy="30.301724"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <path
+     d="M 5,26.344828 5,8 C 5,6.89543 5.89543,6 7,6 h 12 l 5,6 h 17 c 1.1046,0 2,0.8954 2,2 v 26 c 0,1.1046 -0.8954,2 -2,2 H 19.827586"
+     fill="none"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cssccssssc" />
+  <text
+     xml:space="preserve"
+     style="font-size:20.813px;line-height:1.25;font-family:sans-serif;fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406"
+     x="7.9414625"
+     y="44.603077"
+     id="text7085"
+     transform="scale(1.0690363,0.93542194)"><tspan
+       sodipodi:role="line"
+       id="tspan7083"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406;stroke-opacity:1"
+       x="7.9414625"
+       y="44.603077">!</tspan></text>
+  <ellipse
+     style="fill:none;fill-opacity:1;stroke:#1e1e1e;stroke-width:2.46857;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path17711"
+     cx="12.413793"
+     cy="34.167488"
+     rx="10.758621"
+     ry="10.604926" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/folder-vcs-conflict.svg b/RedPandaIDE/resources/iconsets/material/filesystem/folder-vcs-conflict.svg
new file mode 100644
index 00000000..661aa541
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/folder-vcs-conflict.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="folder-vcs-conflict.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="18.189655"
+     inkscape:cy="23.405172"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <path
+     d="M 5,33.438424 5,8 C 5,6.89543 5.89543,6 7,6 h 12 l 5,6 h 17 c 1.1046,0 2,0.8954 2,2 v 26 c 0,1.1046 -0.8954,2 -2,2 H 19.827586"
+     fill="none"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cssccssssc" />
+  <g
+     id="g1154"
+     transform="translate(0.50803204,-1.9498697)">
+    <text
+       xml:space="preserve"
+       style="font-size:20.813px;line-height:1.25;font-family:sans-serif;fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406"
+       x="8.2130604"
+       y="45.614185"
+       id="text7085"
+       transform="scale(1.0690363,0.93542194)"><tspan
+         sodipodi:role="line"
+         id="tspan7083"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406;stroke-opacity:1"
+         x="8.2130604"
+         y="45.614185">!</tspan></text>
+    <path
+       sodipodi:type="star"
+       style="fill:none;fill-opacity:0.75;stroke:#1e1e1e;stroke-width:4.85737;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path8328"
+       inkscape:flatsided="true"
+       sodipodi:sides="3"
+       sodipodi:cx="22.118614"
+       sodipodi:cy="41.472401"
+       sodipodi:r1="20.71603"
+       sodipodi:r2="10.358015"
+       sodipodi:arg1="-0.48603193"
+       sodipodi:arg2="0.56116562"
+       inkscape:rounded="0.1"
+       inkscape:randomized="0"
+       transform="matrix(0.61775998,0,0,-0.61775998,-0.68116884,62.17597)"
+       inkscape:transform-center-x="0.12750331"
+       inkscape:transform-center-y="1.585798"
+       d="m 40.435591,31.795507 c 1.676087,3.172594 -15.50944,30.51307 -19.09503,30.378308 C 17.754971,62.039052 2.6701873,33.485711 4.5796903,30.44788 6.4891933,27.410049 38.759504,28.622914 40.435591,31.795507 Z" />
+  </g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/folder-vcs-nochange.svg b/RedPandaIDE/resources/iconsets/material/filesystem/folder-vcs-nochange.svg
new file mode 100644
index 00000000..9804df35
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/folder-vcs-nochange.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="folder-vcs-nochange.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="15.517241"
+     inkscape:cy="15.818966"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <path
+     d="M 5,26.876847 5,8 C 5,6.89543 5.89543,6 7,6 h 12 l 5,6 h 17 c 1.1046,0 2,0.8954 2,2 v 26 c 0,1.1046 -0.8954,2 -2,2 H 19.768473"
+     fill="none"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cssccssssc" />
+  <g
+     id="g829"
+     transform="translate(-0.35468106,-0.88670119)">
+    <ellipse
+       style="fill:none;fill-opacity:1;stroke:#1e1e1e;stroke-width:2.46857;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path17711"
+       cx="12.650248"
+       cy="35.586208"
+       rx="10.758621"
+       ry="10.604926" />
+    <path
+       style="fill:none;stroke:#1e1e1e;stroke-width:3.29142;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 6.9194448,35.470771 2.1897435,3.682749 1.6920647,0.79627 1.791615,-0.79627 5.872493,-8.062234"
+       id="path1509" />
+  </g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/folder-vcs-staged.svg b/RedPandaIDE/resources/iconsets/material/filesystem/folder-vcs-staged.svg
new file mode 100644
index 00000000..d79f29c8
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/folder-vcs-staged.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="folder-vcs-staged.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="23.2"
+     inkscape:cx="17.5"
+     inkscape:cy="20.969828"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <path
+     d="M 5,27.113301 V 8 C 5,6.89543 5.89543,6 7,6 h 12 l 5,6 h 17 c 1.1046,0 2,0.8954 2,2 v 26 c 0,1.1046 -0.8954,2 -2,2 H 20.477832"
+     fill="none"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cssccssssc" />
+  <g
+     id="g829"
+     transform="translate(-0.41379443,-0.47290784)">
+    <ellipse
+       style="fill:none;fill-opacity:1;stroke:#1e1e1e;stroke-width:2.46857;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path17711"
+       cx="12.650248"
+       cy="35.586208"
+       rx="10.758621"
+       ry="10.604926" />
+    <path
+       style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.391022;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 6.5242399,33.89178 v 3.388855 H 10.95582 v 4.43158 h 3.649536 v -4.43158 h 4.170898 V 33.89178 H 14.605356 V 29.4602 H 10.95582 v 4.43158 z"
+       id="path1359"
+       sodipodi:nodetypes="ccccccccccccc" />
+  </g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/folder.svg b/RedPandaIDE/resources/iconsets/material/filesystem/folder.svg
new file mode 100644
index 00000000..dabbe7b4
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/folder.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="01File-09Open_Folder.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#1e1e1e"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     showgrid="false"
+     inkscape:zoom="23.2"
+     inkscape:cx="17.5"
+     inkscape:cy="17.521552"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <path
+     d="M5 8C5 6.89543 5.89543 6 7 6H19L24 12H41C42.1046 12 43 12.8954 43 14V40C43 41.1046 42.1046 42 41 42H7C5.89543 42 5 41.1046 5 40V8Z"
+     fill="none"
+     stroke="#FFFFFF"
+     stroke-width="3"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/git.svg b/RedPandaIDE/resources/iconsets/material/filesystem/git.svg
new file mode 100644
index 00000000..9eef8d5d
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/git.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 448 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="git.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#1e1e1e"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.58705357"
+     inkscape:cx="511.02662"
+     inkscape:cy="307.46768"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     id="rect2056-48-9"
+     style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:7.8375;stroke-linecap:round"
+     d="m 224.17304,252.42437 v 70.48926 c 24.035,11.913 21.14708,39.7575 8.62608,52.25 -12.73854,12.73115 -33.3847,12.73115 -46.12324,0 -16.6915,-16.72 -10.5165,-44.5645 10.6875,-53.2 v -43.67217 l -84.50176,84.50175 88.67285,88.67101 c 12.28096,12.28095 32.05361,12.28095 44.33457,0 l 88.67099,-88.67286 z" />
+  <path
+     id="rect2056-48-9-8"
+     style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:7.8375;stroke-linecap:round"
+     d="m 108.60517,136.8565 -88.67099,88.67099 c -12.2809607,12.28097 -12.2809607,32.05546 0,44.33643 l 88.67099,88.67099 88.75821,-88.76005 V 225.6147 Z" />
+  <path
+     id="rect2056"
+     style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:7.8375;stroke-linecap:round"
+     d="m 222.8334,35.585015 c -8.01366,0 -16.02866,3.071922 -22.16914,9.212402 l -69.25909,69.259083 18.96104,-18.923927 48.94541,48.943557 c 25.707,-8.683 50.04474,15.9312 41.21924,41.4957 l 20.51963,20.51963 72.62119,-72.62305 -88.671,-88.670993 c -6.14047,-6.14048 -14.15362,-9.212402 -22.16728,-9.212402 z m -91.42823,78.471485 -19.41191,19.41191 85.37012,85.36826 v -13.72304 c -19.76,-8.0845 -23.3706,-29.203 -17.70859,-42.75 z m 92.76787,93.1 v 35.81054 l 17.91641,-17.9164 z" />
+  <path
+     id="rect2056-48"
+     style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:7.8375;stroke-linecap:round"
+     d="m 337.92998,137.72486 -72.62305,72.62305 22.40108,22.40107 c 32.5185,-11.21 58.12166,29.44948 33.69716,53.85498 -25.1655,25.1655 -66.6995,-2.72635 -53.2,-35.47285 l -21.85556,-21.82588 -19.25976,19.25976 110.84013,110.83829 88.67099,-88.671 c 12.28097,-12.28096 12.28097,-32.05547 0,-44.33643 z" />
+  <!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) -->
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/headerfolder.svg b/RedPandaIDE/resources/iconsets/material/filesystem/headerfolder.svg
new file mode 100644
index 00000000..16421102
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/headerfolder.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="headerfolder.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="-1.5517241"
+     inkscape:cy="12.284483"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <path
+     d="M 27.817734,42 H 7 C 5.89543,42 5,41.1046 5,40 V 8 C 5,6.89543 5.89543,6 7,6 h 12 l 5,6 h 17 c 1.1046,0 2,0.8954 2,2 v 12.817734"
+     fill="none"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cssssccssc" />
+  <path
+     id="text18521"
+     style="font-size:11.2889px;line-height:1.25;font-family:sans-serif;fill:#ffa8a8;fill-opacity:1;stroke-width:0.50883"
+     d="m 30.891626,24.77649 c 0,5.741171 0,11.482341 0,17.22351 1.343419,0 2.686838,0 4.030259,0 0.0044,-2.951099 -0.01653,-5.902336 0.03037,-8.853205 1.117735,-0.609713 3.0842,-1.088685 3.671878,0.449493 0.275694,2.776287 0.09428,5.606647 0.139702,8.403712 1.348481,0 2.696963,0 4.045444,0 -0.101449,-3.476572 0.315519,-7.007014 -0.289616,-10.444963 -0.748641,-2.445035 -3.878708,-3.289195 -6.002038,-2.115623 -0.856205,0.438846 -1.990791,1.339232 -1.595747,-0.269425 0,-1.540427 0,-3.080855 0,-4.621282 -1.343421,0 -2.68684,0 -4.030259,0 v 0.1555 z" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/hfile-vcs-changed.svg b/RedPandaIDE/resources/iconsets/material/filesystem/hfile-vcs-changed.svg
new file mode 100644
index 00000000..639b593c
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/hfile-vcs-changed.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="hfile-vcs-changed.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="5.7999999"
+     inkscape:cx="-42.413794"
+     inkscape:cy="30.258621"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 19.670936,43.881774 h 6.431117 M 40.803941,26.89076 V 13.881774 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 24.975371"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cccccssc" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <text
+     xml:space="preserve"
+     style="font-size:146.286px;line-height:1.25;font-family:sans-serif;stroke-width:1.37143"
+     x="15.724138"
+     y="20.571428"
+     id="text3217"><tspan
+       sodipodi:role="line"
+       id="tspan3215"
+       style="stroke-width:1.37143"
+       x="15.724138"
+       y="20.571428">!</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-size:20.813px;line-height:1.25;font-family:sans-serif;fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406"
+     x="8.2732391"
+     y="46.372517"
+     id="text7085"
+     transform="scale(1.0690363,0.93542194)"><tspan
+       sodipodi:role="line"
+       id="tspan7083"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406;stroke-opacity:1"
+       x="8.2732391"
+       y="46.372517">!</tspan></text>
+  <ellipse
+     style="fill:none;fill-opacity:1;stroke:#1e1e1e;stroke-width:2.46857;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path17711"
+     cx="12.650248"
+     cy="35.586208"
+     rx="10.758621"
+     ry="10.604926" />
+  <path
+     id="text18521"
+     style="font-size:11.2889px;line-height:1.25;font-family:sans-serif;fill:#ffa8a8;fill-opacity:1;stroke-width:0.50883"
+     d="m 29.061409,26.658264 c 0,5.741171 0,11.482341 0,17.22351 1.343419,0 2.686838,0 4.030259,0 0.0044,-2.951099 -0.01653,-5.902336 0.03037,-8.853205 1.117735,-0.609713 3.0842,-1.088685 3.671878,0.449493 0.275694,2.776287 0.09428,5.606647 0.139702,8.403712 1.348481,0 2.696963,0 4.045444,0 -0.101449,-3.476572 0.315519,-7.007014 -0.289616,-10.444963 -0.748641,-2.445035 -3.878708,-3.289195 -6.002038,-2.115623 -0.856205,0.438846 -1.990791,1.339232 -1.595747,-0.269425 0,-1.540427 0,-3.080855 0,-4.621282 -1.343421,0 -2.68684,0 -4.030259,0 v 0.1555 z" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/hfile-vcs-conflict.svg b/RedPandaIDE/resources/iconsets/material/filesystem/hfile-vcs-conflict.svg
new file mode 100644
index 00000000..809dac63
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/hfile-vcs-conflict.svg
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="hfile-vcs-conflict.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="-4.9137932"
+     inkscape:cy="36.336208"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 19.670936,43.881774 h 6.431117 M 40.803941,26.89076 V 13.881774 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 27.339903"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cccccssc" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <text
+     xml:space="preserve"
+     style="font-size:146.286px;line-height:1.25;font-family:sans-serif;stroke-width:1.37143"
+     x="15.724138"
+     y="20.571428"
+     id="text3217"><tspan
+       sodipodi:role="line"
+       id="tspan3215"
+       style="stroke-width:1.37143"
+       x="15.724138"
+       y="20.571428">!</tspan></text>
+  <path
+     id="text18521"
+     style="font-size:11.2889px;line-height:1.25;font-family:sans-serif;fill:#ffa8a8;fill-opacity:1;stroke-width:0.50883"
+     d="m 29.061409,26.658264 c 0,5.741171 0,11.482341 0,17.22351 1.343419,0 2.686838,0 4.030259,0 0.0044,-2.951099 -0.01653,-5.902336 0.03037,-8.853205 1.117735,-0.609713 3.0842,-1.088685 3.671878,0.449493 0.275694,2.776287 0.09428,5.606647 0.139702,8.403712 1.348481,0 2.696963,0 4.045444,0 -0.101449,-3.476572 0.315519,-7.007014 -0.289616,-10.444963 -0.748641,-2.445035 -3.878708,-3.289195 -6.002038,-2.115623 -0.856205,0.438846 -1.990791,1.339232 -1.595747,-0.269425 0,-1.540427 0,-3.080855 0,-4.621282 -1.343421,0 -2.68684,0 -4.030259,0 v 0.1555 z" />
+  <g
+     id="g1154"
+     transform="translate(-0.20132695,-0.29469724)">
+    <text
+       xml:space="preserve"
+       style="font-size:20.813px;line-height:1.25;font-family:sans-serif;fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406"
+       x="8.2130604"
+       y="45.614185"
+       id="text7085"
+       transform="scale(1.0690363,0.93542194)"><tspan
+         sodipodi:role="line"
+         id="tspan7083"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406;stroke-opacity:1"
+         x="8.2130604"
+         y="45.614185">!</tspan></text>
+    <path
+       sodipodi:type="star"
+       style="fill:none;fill-opacity:0.75;stroke:#1e1e1e;stroke-width:4.85737;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path8328"
+       inkscape:flatsided="true"
+       sodipodi:sides="3"
+       sodipodi:cx="22.118614"
+       sodipodi:cy="41.472401"
+       sodipodi:r1="20.71603"
+       sodipodi:r2="10.358015"
+       sodipodi:arg1="-0.48603193"
+       sodipodi:arg2="0.56116562"
+       inkscape:rounded="0.1"
+       inkscape:randomized="0"
+       transform="matrix(0.61775998,0,0,-0.61775998,-0.68116884,62.17597)"
+       inkscape:transform-center-x="0.12750331"
+       inkscape:transform-center-y="1.585798"
+       d="m 40.435591,31.795507 c 1.676087,3.172594 -15.50944,30.51307 -19.09503,30.378308 C 17.754971,62.039052 2.6701873,33.485711 4.5796903,30.44788 6.4891933,27.410049 38.759504,28.622914 40.435591,31.795507 Z" />
+  </g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/hfile-vcs-nochange.svg b/RedPandaIDE/resources/iconsets/material/filesystem/hfile-vcs-nochange.svg
new file mode 100644
index 00000000..5f3e7fbd
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/hfile-vcs-nochange.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="hfile-vcs-nochange.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="43.017241"
+     inkscape:cy="15.12931"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 19.670936,43.881774 h 6.719212 M 40.803941,26.748769 V 13.881774 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 24.975371"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cccccssc" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <text
+     xml:space="preserve"
+     style="font-size:146.286px;line-height:1.25;font-family:sans-serif;stroke-width:1.37143"
+     x="15.724138"
+     y="20.571428"
+     id="text3217"><tspan
+       sodipodi:role="line"
+       id="tspan3215"
+       style="stroke-width:1.37143"
+       x="15.724138"
+       y="20.571428">!</tspan></text>
+  <ellipse
+     style="fill:none;fill-opacity:1;stroke:#1e1e1e;stroke-width:2.46857;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path17711"
+     cx="12.650248"
+     cy="35.586208"
+     rx="10.758621"
+     ry="10.604926" />
+  <path
+     style="fill:none;stroke:#1e1e1e;stroke-width:3.29142;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 6.9194448,35.470771 2.1897435,3.682749 1.6920647,0.79627 1.791615,-0.79627 5.872493,-8.062234"
+     id="path1509" />
+  <path
+     id="text18521"
+     style="font-size:11.2889px;line-height:1.25;font-family:sans-serif;fill:#ffa8a8;fill-opacity:1;stroke-width:0.50883"
+     d="m 29.345813,27.131171 c 0,5.741171 0,11.482341 0,17.22351 1.343419,0 2.686838,0 4.030259,0 0.0044,-2.951099 -0.01653,-5.902336 0.03037,-8.853205 1.117735,-0.609713 3.0842,-1.088685 3.671878,0.449493 0.275694,2.776287 0.09428,5.606647 0.139702,8.403712 1.348481,0 2.696963,0 4.045444,0 -0.101449,-3.476572 0.315519,-7.007014 -0.289616,-10.444963 -0.748641,-2.445035 -3.878708,-3.289195 -6.002038,-2.115623 -0.856205,0.438846 -1.990791,1.339232 -1.595747,-0.269425 0,-1.540427 0,-3.080855 0,-4.621282 -1.343421,0 -2.68684,0 -4.030259,0 v 0.1555 z" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/hfile-vcs-staged.svg b/RedPandaIDE/resources/iconsets/material/filesystem/hfile-vcs-staged.svg
new file mode 100644
index 00000000..618083ef
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/hfile-vcs-staged.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="hfile-vcs-staged.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="5.8"
+     inkscape:cx="7.7586207"
+     inkscape:cy="46.293104"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 19.670936,43.881774 7.192118,0 M 40.803941,26.394089 V 13.881774 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 24.975371"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cccccssc" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <text
+     xml:space="preserve"
+     style="font-size:146.286px;line-height:1.25;font-family:sans-serif;stroke-width:1.37143"
+     x="15.724138"
+     y="20.571428"
+     id="text3217"><tspan
+       sodipodi:role="line"
+       id="tspan3215"
+       style="stroke-width:1.37143"
+       x="15.724138"
+       y="20.571428">!</tspan></text>
+  <ellipse
+     style="fill:none;fill-opacity:1;stroke:#1e1e1e;stroke-width:2.46857;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path17711"
+     cx="12.650248"
+     cy="35.586208"
+     rx="10.758621"
+     ry="10.604926" />
+  <path
+     style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.391022;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 6.5242399,33.89178 v 3.388855 H 10.95582 v 4.43158 h 3.649536 v -4.43158 h 4.170898 V 33.89178 H 14.605356 V 29.4602 H 10.95582 v 4.43158 z"
+     id="path1359"
+     sodipodi:nodetypes="ccccccccccccc" />
+  <path
+     id="text18521"
+     style="font-size:11.2889px;line-height:1.25;font-family:sans-serif;fill:#ffa8a8;fill-opacity:1;stroke-width:0.50883"
+     d="m 29.840444,26.970117 c 0,5.741171 0,11.482341 0,17.22351 1.343419,0 2.686838,0 4.030259,0 0.0044,-2.951099 -0.01653,-5.902336 0.03037,-8.853205 1.117735,-0.609713 3.0842,-1.088685 3.671878,0.449493 0.275694,2.776287 0.09428,5.606647 0.139702,8.403712 1.348481,0 2.696963,0 4.045444,0 -0.101449,-3.476572 0.315519,-7.007014 -0.289616,-10.444963 -0.748641,-2.445035 -3.878708,-3.289195 -6.002038,-2.115623 -0.856205,0.438846 -1.990791,1.339232 -1.595747,-0.269425 0,-1.540427 0,-3.080855 0,-4.621282 -1.343421,0 -2.68684,0 -4.030259,0 v 0.1555 z" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/hfile.svg b/RedPandaIDE/resources/iconsets/material/filesystem/hfile.svg
new file mode 100644
index 00000000..9a3e1c78
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/hfile.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="hfile.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="-0.34482759"
+     inkscape:cy="20.991379"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="M 40.803941,27.871922 V 13.881774 l -9,-10.0000006 h -21 c -1.10457,0 -2.000001,0.89543 -2.000001,2 V 41.881774 c 0,1.1046 0.8954698,2.009256 2.000001,2 l 14.108374,-0.118227"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cccssssc" />
+  <path
+     d="M 30.803941,3.8817734 V 13.881774 h 10"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <path
+     id="text18521"
+     style="font-size:11.2889px;line-height:1.25;font-family:sans-serif;fill:#ffa8a8;fill-opacity:1;stroke-width:0.50883"
+     d="m 28.57734,26.658264 c 0,5.741171 0,11.482341 0,17.22351 1.343419,0 2.686838,0 4.030259,0 0.0044,-2.951099 -0.01653,-5.902336 0.03037,-8.853205 1.117735,-0.609713 3.0842,-1.088685 3.671878,0.449493 0.275694,2.776287 0.09428,5.606647 0.139702,8.403712 1.348481,0 2.696963,0 4.045444,0 -0.101449,-3.476572 0.315519,-7.007014 -0.289616,-10.444963 -0.748641,-2.445035 -3.878708,-3.289195 -6.002038,-2.115623 -0.856205,0.438846 -1.990791,1.339232 -1.595747,-0.269425 0,-1.540427 0,-3.080855 0,-4.621282 -1.343421,0 -2.68684,0 -4.030259,0 v 0.1555 z" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/projectfile-vcs-changed.svg b/RedPandaIDE/resources/iconsets/material/filesystem/projectfile-vcs-changed.svg
new file mode 100644
index 00000000..612b0089
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/projectfile-vcs-changed.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="projectfile-vcs-changed.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="1.2931034"
+     inkscape:cy="10.646552"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 14,12 v 8 1 c 2.9551,0 5.6108,1.2818 7.4415,3.3198 C 23.0322,26.0906 24,28.4323 24,31 c 0,0.5789 -0.0492,1.1463 -0.1436,1.6983 -0.5143,3.0063 -2.3707,5.5546 -4.9305,7.0063 C 21.5884,40.5096 25.1224,41 29,41 c 8.2843,0 15,-2.2386 15,-5 v -8 -8 -8"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path4" />
+  <path
+     d="m 14,12 c 0,2.7614 6.7157,5 15,5 8.2843,0 15,-2.2386 15,-5 C 44,9.23858 37.2843,7 29,7 20.7157,7 14,9.23858 14,12 Z"
+     fill="none"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path6" />
+  <path
+     d="m 44,28 c 0,2.7614 -6.7157,5 -15,5 -1.807,0 -3.5393,-0.1065 -5.1436,-0.3017"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <path
+     d="m 44,20 c 0,2.7614 -6.7157,5 -15,5 -2.7563,0 -5.339,-0.2478 -7.5585,-0.6802"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path10" />
+  <path
+     d="m 4,31 c 0,5.5228 4.4772,10 10,10 1.7909,0 3.4719,-0.4708 4.9259,-1.2954 2.5598,-1.4517 4.4162,-4 4.9305,-7.0063 C 23.9508,32.1463 24,31.5789 24,31 24,28.4323 23.0322,26.0906 21.4415,24.3198 19.6108,22.2818 16.9551,21 14,21 8.4772,21 4,25.4772 4,31 Z"
+     fill="none"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path12" />
+  <text
+     xml:space="preserve"
+     style="font-size:19.7724px;line-height:1.25;font-family:sans-serif;fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.617886"
+     x="9.7308216"
+     y="40.600151"
+     id="text7085"
+     transform="scale(1.0690363,0.93542194)"><tspan
+       sodipodi:role="line"
+       id="tspan7083"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.617886;stroke-opacity:1"
+       x="9.7308216"
+       y="40.600151">!</tspan></text>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/projectfile-vcs-conflict.svg b/RedPandaIDE/resources/iconsets/material/filesystem/projectfile-vcs-conflict.svg
new file mode 100644
index 00000000..3909d94c
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/projectfile-vcs-conflict.svg
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="projectfile-vcs-conflict.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="5.8"
+     inkscape:cx="-39.137931"
+     inkscape:cy="8.362069"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <g
+     id="g1154"
+     transform="translate(1.2173921,-4.6690815)">
+    <text
+       xml:space="preserve"
+       style="font-size:20.813px;line-height:1.25;font-family:sans-serif;fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406"
+       x="8.2130604"
+       y="45.614185"
+       id="text7085"
+       transform="scale(1.0690363,0.93542194)"><tspan
+         sodipodi:role="line"
+         id="tspan7083"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Fira Code';-inkscape-font-specification:'Fira Code Bold';fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.650406;stroke-opacity:1"
+         x="8.2130604"
+         y="45.614185">!</tspan></text>
+    <path
+       sodipodi:type="star"
+       style="fill:none;fill-opacity:0.75;stroke:#1e1e1e;stroke-width:4.85737;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path8328"
+       inkscape:flatsided="true"
+       sodipodi:sides="3"
+       sodipodi:cx="22.118614"
+       sodipodi:cy="41.472401"
+       sodipodi:r1="20.71603"
+       sodipodi:r2="10.358015"
+       sodipodi:arg1="-0.48603193"
+       sodipodi:arg2="0.56116562"
+       inkscape:rounded="0.1"
+       inkscape:randomized="0"
+       transform="matrix(0.61775998,0,0,-0.61775998,-0.68116884,62.17597)"
+       inkscape:transform-center-x="0.12750331"
+       inkscape:transform-center-y="1.585798"
+       d="m 40.435591,31.795507 c 1.676087,3.172594 -15.50944,30.51307 -19.09503,30.378308 C 17.754971,62.039052 2.6701873,33.485711 4.5796903,30.44788 6.4891933,27.410049 38.759504,28.622914 40.435591,31.795507 Z" />
+  </g>
+  <path
+     d="m 14,12 v 7.172414 M 18.9259,39.7046 C 21.5884,40.5096 25.1224,41 29,41 c 8.2843,0 15,-2.2386 15,-5 v -8 -8 -8"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path4"
+     sodipodi:nodetypes="cccssccc" />
+  <path
+     d="m 14,12 c 0,2.7614 6.7157,5 15,5 8.2843,0 15,-2.2386 15,-5 C 44,9.23858 37.2843,7 29,7 20.7157,7 14,9.23858 14,12 Z"
+     fill="none"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path6" />
+  <path
+     d="m 44,28 c 0,2.7614 -6.7157,5 -15,5 -1.807,0 -3.5393,-0.1065 -5.1436,-0.3017"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <path
+     d="m 44,20 c 0,2.7614 -6.7157,5 -15,5 -2.7563,0 -5.339,-0.2478 -7.5585,-0.6802"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path10" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/projectfile-vcs-nochange.svg b/RedPandaIDE/resources/iconsets/material/filesystem/projectfile-vcs-nochange.svg
new file mode 100644
index 00000000..2532a80a
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/projectfile-vcs-nochange.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="projectfile-vcs-nochange.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.725"
+     inkscape:cx="-649.65517"
+     inkscape:cy="72.413793"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 14,12 v 8 1 c 2.9551,0 5.6108,1.2818 7.4415,3.3198 C 23.0322,26.0906 24,28.4323 24,31 c 0,0.5789 -0.0492,1.1463 -0.1436,1.6983 -0.5143,3.0063 -2.3707,5.5546 -4.9305,7.0063 C 21.5884,40.5096 25.1224,41 29,41 c 8.2843,0 15,-2.2386 15,-5 v -8 -8 -8"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path4" />
+  <path
+     d="m 14,12 c 0,2.7614 6.7157,5 15,5 8.2843,0 15,-2.2386 15,-5 C 44,9.23858 37.2843,7 29,7 20.7157,7 14,9.23858 14,12 Z"
+     fill="none"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path6" />
+  <path
+     d="m 44,28 c 0,2.7614 -6.7157,5 -15,5 -1.807,0 -3.5393,-0.1065 -5.1436,-0.3017"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <path
+     d="m 44,20 c 0,2.7614 -6.7157,5 -15,5 -2.7563,0 -5.339,-0.2478 -7.5585,-0.6802"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path10" />
+  <path
+     d="m 4,31 c 0,5.5228 4.4772,10 10,10 1.7909,0 3.4719,-0.4708 4.9259,-1.2954 2.5598,-1.4517 4.4162,-4 4.9305,-7.0063 C 23.9508,32.1463 24,31.5789 24,31 24,28.4323 23.0322,26.0906 21.4415,24.3198 19.6108,22.2818 16.9551,21 14,21 8.4772,21 4,25.4772 4,31 Z"
+     fill="none"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path12" />
+  <path
+     style="fill:none;stroke:#1e1e1e;stroke-width:3.29142;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 8.2199366,31.096392 2.1897444,3.682749 1.692065,0.79627 1.791615,-0.79627 5.872493,-8.062234"
+     id="path1509" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/projectfile-vcs-staged.svg b/RedPandaIDE/resources/iconsets/material/filesystem/projectfile-vcs-staged.svg
new file mode 100644
index 00000000..46d5f683
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/projectfile-vcs-staged.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="projectfile-vcs-staged.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     id="namedview20"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="1.2931034"
+     inkscape:cy="10.646552"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <rect
+     width="48"
+     height="48"
+     fill="white"
+     fill-opacity="0.01"
+     id="rect2" />
+  <path
+     d="m 14,12 v 8 1 c 2.9551,0 5.6108,1.2818 7.4415,3.3198 C 23.0322,26.0906 24,28.4323 24,31 c 0,0.5789 -0.0492,1.1463 -0.1436,1.6983 -0.5143,3.0063 -2.3707,5.5546 -4.9305,7.0063 C 21.5884,40.5096 25.1224,41 29,41 c 8.2843,0 15,-2.2386 15,-5 v -8 -8 -8"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path4" />
+  <path
+     d="m 14,12 c 0,2.7614 6.7157,5 15,5 8.2843,0 15,-2.2386 15,-5 C 44,9.23858 37.2843,7 29,7 20.7157,7 14,9.23858 14,12 Z"
+     fill="none"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path6" />
+  <path
+     d="m 44,28 c 0,2.7614 -6.7157,5 -15,5 -1.807,0 -3.5393,-0.1065 -5.1436,-0.3017"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path8" />
+  <path
+     d="m 44,20 c 0,2.7614 -6.7157,5 -15,5 -2.7563,0 -5.339,-0.2478 -7.5585,-0.6802"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path10" />
+  <path
+     d="m 4,31 c 0,5.5228 4.4772,10 10,10 1.7909,0 3.4719,-0.4708 4.9259,-1.2954 2.5598,-1.4517 4.4162,-4 4.9305,-7.0063 C 23.9508,32.1463 24,31.5789 24,31 24,28.4323 23.0322,26.0906 21.4415,24.3198 19.6108,22.2818 16.9551,21 14,21 8.4772,21 4,25.4772 4,31 Z"
+     fill="none"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path12" />
+  <path
+     style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:0.391022;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 7.5882787,29.280942 v 3.388855 h 4.4315803 v 4.43158 h 3.649536 v -4.43158 h 4.170898 v -3.388855 h -4.170898 v -4.43158 h -3.649536 v 4.43158 z"
+     id="path1359"
+     sodipodi:nodetypes="ccccccccccccc" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/projectfile.svg b/RedPandaIDE/resources/iconsets/material/filesystem/projectfile.svg
new file mode 100644
index 00000000..cb67d0d6
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/projectfile.svg
@@ -0,0 +1,150 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100"
+   height="100"
+   viewBox="0 0 26.458333 26.458333"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   sodipodi:docname="02Project_New.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#1e1e1e"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="false"
+     inkscape:zoom="5.786981"
+     inkscape:cx="21.427407"
+     inkscape:cy="58.147763"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     units="px"
+     width="100px" />
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1420">
+      <stop
+         style="stop-color:#e0e0e0;stop-opacity:1;"
+         offset="0"
+         id="stop1416" />
+      <stop
+         style="stop-color:#1e1e1e;stop-opacity:1"
+         offset="1"
+         id="stop1418" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3056"
+       inkscape:swatch="gradient">
+      <stop
+         style="stop-color:#45c200;stop-opacity:1"
+         offset="0"
+         id="stop826" />
+      <stop
+         style="stop-color:#53e900;stop-opacity:1"
+         offset="1"
+         id="stop828" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3056-2">
+      <stop
+         style="stop-color:#45c200;stop-opacity:1"
+         offset="0"
+         id="stop3052" />
+      <stop
+         style="stop-color:#5fff07;stop-opacity:1"
+         offset="1"
+         id="stop3054" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1420"
+       id="linearGradient1422"
+       x1="7.8442378"
+       y1="11.269956"
+       x2="1.9260681"
+       y2="11.269956"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1420"
+       id="linearGradient1422-8"
+       x1="7.8442378"
+       y1="11.269956"
+       x2="1.9260681"
+       y2="11.269956"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1420"
+       id="linearGradient1422-6"
+       x1="7.8442378"
+       y1="11.269956"
+       x2="1.9260681"
+       y2="11.269956"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <g
+     inkscape:label="图层 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g1755"
+       transform="matrix(0.89614957,0,0,0.89614957,5.9992311,-0.90196801)">
+      <path
+         id="rect848-1"
+         style="fill:url(#linearGradient1422);stroke:#000000;stroke-width:0.721591"
+         transform="matrix(1.1,0,0,1.1,2.6932117,0.93042432)"
+         d="M 1.8840514,1.3039001 H 12.125786 l 5.237068,5.830555 0.04157,14.1015569 H 1.8840514 Z"
+         sodipodi:nodetypes="cccccc" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:0.79375;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 16.031576,2.3647144 -0.02942,6.3678902 5.790196,0.04572"
+         id="path1641" />
+    </g>
+    <g
+       id="g1755-7"
+       transform="matrix(0.89614957,0,0,0.89614957,1.8865805,1.8185308)">
+      <path
+         id="rect848-1-2"
+         style="fill:url(#linearGradient1422-8);stroke:#000000;stroke-width:0.721591"
+         transform="matrix(1.1,0,0,1.1,2.6932117,0.93042432)"
+         d="M 1.8840514,1.3039001 H 12.125786 l 5.237068,5.830555 0.04157,14.1015569 H 1.8840514 Z"
+         sodipodi:nodetypes="cccccc" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:0.79375;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 16.031576,2.3647144 -0.02942,6.3678902 5.790196,0.04572"
+         id="path1641-1" />
+    </g>
+    <g
+       id="g1755-2"
+       transform="matrix(0.89614957,0,0,0.89614957,-2.9140658,3.9216711)">
+      <path
+         id="rect848-1-28"
+         style="fill:url(#linearGradient1422-6);stroke:#000000;stroke-width:0.721591"
+         transform="matrix(1.1,0,0,1.1,2.6932117,0.93042432)"
+         d="M 1.8840514,1.3039001 H 12.125786 l 5.237068,5.830555 0.04157,14.1015569 H 1.8840514 Z"
+         sodipodi:nodetypes="cccccc" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:0.79375;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 16.031576,2.3647144 -0.02942,6.3678902 5.790196,0.04572"
+         id="path1641-9" />
+    </g>
+  </g>
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/filesystem/sourcefolder.svg b/RedPandaIDE/resources/iconsets/material/filesystem/sourcefolder.svg
new file mode 100644
index 00000000..24d0dd9b
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/filesystem/sourcefolder.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="35"
+   height="35"
+   viewBox="0 0 48 48"
+   fill="none"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="sourcefolder.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     showgrid="false"
+     inkscape:zoom="11.6"
+     inkscape:cx="-1.4655172"
+     inkscape:cy="12.284483"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <path
+     d="M 30.064039,42 H 7 C 5.89543,42 5,41.1046 5,40 V 8 C 5,6.89543 5.89543,6 7,6 h 12 l 5,6 h 17 c 1.1046,0 2,0.8954 2,2 v 12.817734"
+     fill="none"
+     stroke="#1e1e1e"
+     stroke-width="3"
+     stroke-linejoin="round"
+     id="path2"
+     sodipodi:nodetypes="cssssccssc" />
+  <path
+     id="text2970"
+     style="font-size:11.2889px;line-height:1.25;font-family:sans-serif;fill:#bfc9ff;fill-opacity:1;stroke-width:0.411429"
+     d="m 37.815207,28.533799 c -2.934821,0.103439 -5.6028,2.323276 -6.120572,5.233451 -0.720103,3.201889 0.07537,7.267182 3.261799,8.845959 2.787338,1.374581 6.095726,0.738416 8.732564,-0.682672 0,-1.114624 0,-2.229247 0,-3.343871 -0.962184,-0.205666 -1.662016,0.248173 -2.35073,0.862543 -1.841476,1.214037 -4.987388,1.242961 -5.989202,-1.066029 -0.811231,-1.999409 -0.751133,-4.80289 1.084253,-6.22306 1.94019,-1.207528 4.464555,-0.31756 6.02261,1.129808 1.235604,0.342896 1.399757,-0.385664 1.233069,-1.445061 -0.117667,-0.839103 0.432561,-2.099303 -0.748351,-2.2667 -1.579783,-0.787706 -3.358874,-1.187716 -5.12544,-1.044368 z" />
+</svg>
diff --git a/RedPandaIDE/resources/iconsets/material/info.json b/RedPandaIDE/resources/iconsets/material/info.json
new file mode 100644
index 00000000..62ff523e
--- /dev/null
+++ b/RedPandaIDE/resources/iconsets/material/info.json
@@ -0,0 +1,6 @@
+{
+    "name":"Material",
+    "name_zh_CN": "素雅",
+    "version": "1.0",
+    "author": "Alan-CRL；royqh1979"
+}