diff --git a/RedPandaIDE/images/newlook/008-close.svg b/RedPandaIDE/images/newlook/008-close.svg
new file mode 100644
index 00000000..decde120
--- /dev/null
+++ b/RedPandaIDE/images/newlook/008-close.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="008-close.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="#ffffff"
+     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="6.3936619"
+     inkscape:cy="68.688665"
+     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:#ff4c04;fill-opacity:1;stroke:#000000;stroke-width:0.79375;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 6.4939744,2.3780239 -4.1159505,4.1159505 6.7351921,6.7351926 -6.7351921,6.735192 4.1159505,4.11595 6.7351916,-6.735192 6.735193,6.735192 4.11595,-4.11595 -6.735192,-6.735192 6.735192,-6.7351926 -4.11595,-4.1159505 -6.735193,6.7351921 z"
+       id="path1359"
+       sodipodi:nodetypes="ccccccccccccc" />
+  </g>
+</svg>
diff --git a/RedPandaIDE/images/newlook/009-closeall.svg b/RedPandaIDE/images/newlook/009-closeall.svg
new file mode 100644
index 00000000..ddeef9e5
--- /dev/null
+++ b/RedPandaIDE/images/newlook/009-closeall.svg
@@ -0,0 +1,414 @@
+<?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="009-closeall.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="#ffffff"
+     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="6.3936619"
+     inkscape:cy="41.040397"
+     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">
+    <rect
+       style="fill:#e0e0e0;fill-opacity:1;stroke:#000000;stroke-width:0.715096;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect848-1"
+       width="15.520367"
+       height="19.932112"
+       x="1.8840514"
+       y="1.3039001" />
+    <g
+       id="g1310-1"
+       transform="matrix(0.92678063,0,0,0.87576022,-5.2469297,-0.32266629)">
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-2"
+         width="2.1166666"
+         height="2.1166666"
+         x="9.9436674"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-0"
+         width="2.1166666"
+         height="2.1166666"
+         x="13.377988"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-5-2"
+         width="2.1166666"
+         height="2.1166666"
+         x="16.812309"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-4-3"
+         width="2.1166666"
+         height="2.1166666"
+         x="20.246632"
+         y="4.4516368" />
+    </g>
+    <g
+       id="g1310-5-5"
+       transform="matrix(0.92678063,0,0,0.87576022,-5.2469297,2.972693)">
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-9-1"
+         width="2.1166666"
+         height="2.1166666"
+         x="9.9436674"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-6-7"
+         width="2.1166666"
+         height="2.1166666"
+         x="13.377988"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-5-9-2"
+         width="2.1166666"
+         height="2.1166666"
+         x="16.812309"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-4-5-1"
+         width="2.1166666"
+         height="2.1166666"
+         x="20.246632"
+         y="4.4516368" />
+    </g>
+    <g
+       id="g1310-9-5"
+       transform="matrix(0.92678063,0,0,0.87576022,-5.2469297,6.2680515)"
+       style="stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none">
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none"
+         id="rect1025-3-9"
+         width="2.1166666"
+         height="2.1166666"
+         x="9.9436674"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none"
+         id="rect1025-0-53-2"
+         width="2.1166666"
+         height="2.1166666"
+         x="13.377988"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none"
+         id="rect1025-0-5-1-6"
+         width="2.1166666"
+         height="2.1166666"
+         x="16.812309"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none"
+         id="rect1025-0-4-4-8"
+         width="2.1166666"
+         height="2.1166666"
+         x="20.246632"
+         y="4.4516368" />
+    </g>
+    <g
+       id="g1310-6-5"
+       transform="matrix(0.92678063,0,0,0.87576022,-5.2469297,9.56341)">
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-7-7"
+         width="2.1166666"
+         height="2.1166666"
+         x="9.9436674"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-66-0"
+         width="2.1166666"
+         height="2.1166666"
+         x="13.377988"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-5-94-0"
+         width="2.1166666"
+         height="2.1166666"
+         x="16.812309"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-4-1-2"
+         width="2.1166666"
+         height="2.1166666"
+         x="20.246632"
+         y="4.4516368" />
+    </g>
+    <g
+       id="g1310-65-3"
+       transform="matrix(0.92678063,0,0,0.87576022,-5.2469297,12.85877)">
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-1-6"
+         width="2.1166666"
+         height="2.1166666"
+         x="9.9436674"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-1-8"
+         width="2.1166666"
+         height="2.1166666"
+         x="13.377988"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-5-98-3"
+         width="2.1166666"
+         height="2.1166666"
+         x="16.812309"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-4-0-5"
+         width="2.1166666"
+         height="2.1166666"
+         x="20.246632"
+         y="4.4516368" />
+    </g>
+    <rect
+       style="fill:#e0e0e0;fill-opacity:1;stroke:#000000;stroke-width:0.715096;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect848-1-3"
+       width="15.520367"
+       height="19.932112"
+       x="9.470953"
+       y="4.5992594" />
+    <g
+       id="g1310-1-9"
+       transform="matrix(0.92678063,0,0,0.87576022,2.3399722,2.972693)">
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-2-5"
+         width="2.1166666"
+         height="2.1166666"
+         x="9.9436674"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-0-9"
+         width="2.1166666"
+         height="2.1166666"
+         x="13.377988"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-5-2-8"
+         width="2.1166666"
+         height="2.1166666"
+         x="16.812309"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-4-3-1"
+         width="2.1166666"
+         height="2.1166666"
+         x="20.246632"
+         y="4.4516368" />
+    </g>
+    <g
+       id="g1310-5-5-1"
+       transform="matrix(0.92678063,0,0,0.87576022,2.3399722,6.2680523)">
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-9-1-4"
+         width="2.1166666"
+         height="2.1166666"
+         x="9.9436674"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-6-7-1"
+         width="2.1166666"
+         height="2.1166666"
+         x="13.377988"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-5-9-2-6"
+         width="2.1166666"
+         height="2.1166666"
+         x="16.812309"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-4-5-1-4"
+         width="2.1166666"
+         height="2.1166666"
+         x="20.246632"
+         y="4.4516368" />
+    </g>
+    <g
+       id="g1310-9-5-0"
+       transform="matrix(0.92678063,0,0,0.87576022,2.3399722,9.5634113)"
+       style="stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none">
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none"
+         id="rect1025-3-9-5"
+         width="2.1166666"
+         height="2.1166666"
+         x="9.9436674"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none"
+         id="rect1025-0-53-2-0"
+         width="2.1166666"
+         height="2.1166666"
+         x="13.377988"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none"
+         id="rect1025-0-5-1-6-5"
+         width="2.1166666"
+         height="2.1166666"
+         x="16.812309"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none"
+         id="rect1025-0-4-4-8-8"
+         width="2.1166666"
+         height="2.1166666"
+         x="20.246632"
+         y="4.4516368" />
+    </g>
+    <g
+       id="g1310-6-5-8"
+       transform="matrix(0.92678063,0,0,0.87576022,2.3399722,12.858769)">
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-7-7-3"
+         width="2.1166666"
+         height="2.1166666"
+         x="9.9436674"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-66-0-7"
+         width="2.1166666"
+         height="2.1166666"
+         x="13.377988"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-5-94-0-4"
+         width="2.1166666"
+         height="2.1166666"
+         x="16.812309"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-4-1-2-7"
+         width="2.1166666"
+         height="2.1166666"
+         x="20.246632"
+         y="4.4516368" />
+    </g>
+    <g
+       id="g1310-65-3-5"
+       transform="matrix(0.92678063,0,0,0.87576022,2.3399722,16.154129)">
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-1-6-8"
+         width="2.1166666"
+         height="2.1166666"
+         x="9.9436674"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-1-8-7"
+         width="2.1166666"
+         height="2.1166666"
+         x="13.377988"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-5-98-3-8"
+         width="2.1166666"
+         height="2.1166666"
+         x="16.812309"
+         y="4.4516368" />
+      <rect
+         style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+         id="rect1025-0-4-0-5-9"
+         width="2.1166666"
+         height="2.1166666"
+         x="20.246632"
+         y="4.4516368" />
+    </g>
+    <path
+       style="fill:#ff4c04;fill-opacity:1;stroke:#000000;stroke-width:0.635;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 3.8349611,3.1935615 -3.29276036,3.2927604 5.38815366,5.3881531 -5.38815366,5.388153 3.29276036,3.29276 5.3881532,-5.388153 5.3881537,5.388153 3.29276,-3.29276 -5.388153,-5.388153 5.388153,-5.3881531 -3.29276,-3.2927604 -5.3881537,5.3881534 z"
+       id="path1359"
+       sodipodi:nodetypes="ccccccccccccc" />
+    <path
+       style="fill:#ff4c04;fill-opacity:1;stroke:#000000;stroke-width:0.635;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 3.8349611,3.1935615 -3.29276036,3.2927604 5.38815366,5.3881531 -5.38815366,5.388153 3.29276036,3.29276 5.3881532,-5.388153 5.3881537,5.388153 3.29276,-3.29276 -5.388153,-5.388153 5.388153,-5.3881531 -3.29276,-3.2927604 -5.3881537,5.3881534 z"
+       id="path1684"
+       sodipodi:nodetypes="ccccccccccccc" />
+  </g>
+</svg>
diff --git a/RedPandaIDE/images/newlook/010-closefl.svg b/RedPandaIDE/images/newlook/010-closefl.svg
new file mode 100644
index 00000000..7fc3b803
--- /dev/null
+++ b/RedPandaIDE/images/newlook/010-closefl.svg
@@ -0,0 +1,245 @@
+<?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="010-closefl.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="#ffffff"
+     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="6.3936619"
+     inkscape:cy="41.040397"
+     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">
+    <g
+       id="g1467"
+       transform="matrix(1.1,0,0,1.1,6.122245,0.4732199)">
+      <rect
+         style="fill:#e0e0e0;fill-opacity:1;stroke:#000000;stroke-width:0.715096;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect848-1"
+         width="15.520367"
+         height="19.932112"
+         x="1.8840514"
+         y="1.3039001" />
+      <g
+         id="g1310-1"
+         transform="matrix(0.92678063,0,0,0.87576022,-5.2469297,-0.32266629)">
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+           id="rect1025-2"
+           width="2.1166666"
+           height="2.1166666"
+           x="9.9436674"
+           y="4.4516368" />
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+           id="rect1025-0-0"
+           width="2.1166666"
+           height="2.1166666"
+           x="13.377988"
+           y="4.4516368" />
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+           id="rect1025-0-5-2"
+           width="2.1166666"
+           height="2.1166666"
+           x="16.812309"
+           y="4.4516368" />
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+           id="rect1025-0-4-3"
+           width="2.1166666"
+           height="2.1166666"
+           x="20.246632"
+           y="4.4516368" />
+      </g>
+      <g
+         id="g1310-5-5"
+         transform="matrix(0.92678063,0,0,0.87576022,-5.2469297,2.972693)">
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+           id="rect1025-9-1"
+           width="2.1166666"
+           height="2.1166666"
+           x="9.9436674"
+           y="4.4516368" />
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+           id="rect1025-0-6-7"
+           width="2.1166666"
+           height="2.1166666"
+           x="13.377988"
+           y="4.4516368" />
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+           id="rect1025-0-5-9-2"
+           width="2.1166666"
+           height="2.1166666"
+           x="16.812309"
+           y="4.4516368" />
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+           id="rect1025-0-4-5-1"
+           width="2.1166666"
+           height="2.1166666"
+           x="20.246632"
+           y="4.4516368" />
+      </g>
+      <g
+         id="g1310-9-5"
+         transform="matrix(0.92678063,0,0,0.87576022,-5.2469297,6.2680515)"
+         style="stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none">
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect1025-3-9"
+           width="2.1166666"
+           height="2.1166666"
+           x="9.9436674"
+           y="4.4516368" />
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect1025-0-53-2"
+           width="2.1166666"
+           height="2.1166666"
+           x="13.377988"
+           y="4.4516368" />
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect1025-0-5-1-6"
+           width="2.1166666"
+           height="2.1166666"
+           x="16.812309"
+           y="4.4516368" />
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.00012;stroke-miterlimit:4;stroke-dasharray:none"
+           id="rect1025-0-4-4-8"
+           width="2.1166666"
+           height="2.1166666"
+           x="20.246632"
+           y="4.4516368" />
+      </g>
+      <g
+         id="g1310-6-5"
+         transform="matrix(0.92678063,0,0,0.87576022,-5.2469297,9.56341)">
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+           id="rect1025-7-7"
+           width="2.1166666"
+           height="2.1166666"
+           x="9.9436674"
+           y="4.4516368" />
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+           id="rect1025-0-66-0"
+           width="2.1166666"
+           height="2.1166666"
+           x="13.377988"
+           y="4.4516368" />
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+           id="rect1025-0-5-94-0"
+           width="2.1166666"
+           height="2.1166666"
+           x="16.812309"
+           y="4.4516368" />
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+           id="rect1025-0-4-1-2"
+           width="2.1166666"
+           height="2.1166666"
+           x="20.246632"
+           y="4.4516368" />
+      </g>
+      <g
+         id="g1310-65-3"
+         transform="matrix(0.92678063,0,0,0.87576022,-5.2469297,12.85877)">
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+           id="rect1025-1-6"
+           width="2.1166666"
+           height="2.1166666"
+           x="9.9436674"
+           y="4.4516368" />
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+           id="rect1025-0-1-8"
+           width="2.1166666"
+           height="2.1166666"
+           x="13.377988"
+           y="4.4516368" />
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+           id="rect1025-0-5-98-3"
+           width="2.1166666"
+           height="2.1166666"
+           x="16.812309"
+           y="4.4516368" />
+        <rect
+           style="fill:#606060;fill-opacity:1;stroke:none;stroke-width:1.22256"
+           id="rect1025-0-4-0-5"
+           width="2.1166666"
+           height="2.1166666"
+           x="20.246632"
+           y="4.4516368" />
+      </g>
+    </g>
+    <path
+       style="fill:#ff4c04;fill-opacity:1;stroke:#000000;stroke-width:0.635;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 3.881161,4.2884855 0.58840093,7.5812459 5.976554,12.969399 l -5.38815307,5.388153 3.29276007,3.29276 5.388153,-5.388153 5.388154,5.388153 3.29276,-3.29276 -5.388153,-5.388153 5.388153,-5.3881531 -3.29276,-3.2927604 -5.388154,5.3881534 z"
+       id="path1359"
+       sodipodi:nodetypes="ccccccccccccc" />
+  </g>
+</svg>
diff --git a/RedPandaIDE/images/newlook/011-clrhist.svg b/RedPandaIDE/images/newlook/011-clrhist.svg
new file mode 100644
index 00000000..7a4b71e9
--- /dev/null
+++ b/RedPandaIDE/images/newlook/011-clrhist.svg
@@ -0,0 +1,112 @@
+<?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="011-clrhist.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="#ffffff"
+     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="107.30984"
+     inkscape:cy="78.883964"
+     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"
+     objecttolerance="20"
+     gridtolerance="20.5" />
+  <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
+       id="rect1037"
+       style="fill:#8fba49;fill-opacity:1;stroke-width:0.264583"
+       d="M 4.8247502,7.9563086 H 21.558433 L 19.522309,22.126112 c -0.110765,1.055389 -0.394705,1.288273 -1.412485,1.294535 L 8.7178943,23.383037 C 8.2045686,23.477925 7.4615683,22.66267 7.4651804,22.121655 L 6.3925503,16.18726 Z"
+       sodipodi:nodetypes="cccccccc" />
+    <rect
+       style="fill:#8fba49;fill-opacity:1;stroke-width:0.329494"
+       id="rect3721"
+       width="18.425135"
+       height="2.4603388"
+       x="3.9790244"
+       y="4.8170562" />
+    <path
+       id="rect3869"
+       style="fill:#8fba49;stroke-width:0.264583"
+       d="m 11.074026,2.7803141 4.138142,0.032329 0.775902,1.9074248 h -5.592958 z"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.79374999;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 18.471059,23.408866 c 0.519059,0.0014 0.930896,-0.675111 1.005849,-1.188731 L 21.558433,7.9563086 22.40416,7.2773952 V 4.8170562 L 15.98807,4.7200679 15.212168,2.8126433 11.074026,2.7803141 10.395112,4.7200679 3.9790245,4.8170562 v 2.460339 l 0.8457258,0.6789134 2.64043,14.1653464 c 0.1085873,0.582548 0.6601344,1.259813 1.252714,1.261382 z"
+       id="path4516"
+       sodipodi:nodetypes="ssccccccccccsss" />
+    <path
+       style="fill:#58742c;fill-opacity:1;stroke-width:0.0610946"
+       d="m 18.756048,29.937725 c 0,-0.126881 -0.375376,-0.456344 -1.91579,-1.681464 L 15.995262,27.58422 32.924235,27.56884 c 9.310935,-0.0085 24.549026,-0.0085 33.862424,0 l 16.933452,0.01538 -1.369601,1.099703 c -0.947809,0.761035 -1.375606,1.142037 -1.38912,1.237166 l -0.01952,0.137463 H 49.848959 c -30.93533,0 -31.092911,-6.13e-4 -31.092911,-0.120827 z"
+       id="path6945"
+       transform="scale(0.26458333)" />
+    <path
+       style="fill:#3c4f1e;fill-opacity:1;stroke-width:0.0610946"
+       d="m 39.781751,18.022912 0.06389,-0.183284 h 10.007564 10.007564 l 0.06389,0.183284 0.06389,0.183284 h -10.13535 -10.13535 z"
+       id="path6984"
+       transform="scale(0.26458333)" />
+    <path
+       style="fill:#3c4f1e;fill-opacity:1;stroke-width:0.172802"
+       d="m 17.646611,28.80237 -1.275173,-1.067701 16.683974,-0.04406 c 9.176185,-0.02423 24.243817,-0.02423 33.483625,0 l 16.79965,0.04406 -1.305682,1.08001 -1.305684,1.08001 -30.902768,-0.01231 -30.90277,-0.01231 z"
+       id="path7541"
+       transform="scale(0.26458333)" />
+    <path
+       style="fill:#3c4f1e;fill-opacity:1;stroke-width:0.0305473"
+       d="m 39.759628,18.137465 c 0.01193,-0.0378 0.0383,-0.116844 0.05859,-0.175647 l 0.03689,-0.106916 h 9.998096 9.998096 l 0.03689,0.106916 c 0.02029,0.0588 0.04666,0.137844 0.05859,0.175647 l 0.0217,0.06873 H 49.853208 39.737932 Z"
+       id="path7580"
+       transform="scale(0.26458333)" />
+  </g>
+</svg>