diff --git a/frontend/src/assets/images/customize.svg b/frontend/src/assets/images/customize.svg
index 85edfd8b1b..6763171f40 100644
--- a/frontend/src/assets/images/customize.svg
+++ b/frontend/src/assets/images/customize.svg
@@ -1,42 +1,60 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="52px" height="45px" viewBox="0 0 52 45" version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink">
-  <style type="text/css">
-    .icon{fill:#FFFFFF;}
-  </style>
-    <defs>
-        <filter x="-9.4%" y="-6.2%" width="118.8%" height="122.5%" filterUnits="objectBoundingBox" id="filter-1">
-            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.15 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
-            <feMerge>
-                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
-                <feMergeNode in="SourceGraphic"></feMergeNode>
-            </feMerge>
-        </filter>
-        <rect id="path-2" x="0" y="0" width="48" height="40" rx="4"></rect>
-        <filter x="-4.2%" y="-2.5%" width="108.3%" height="110.0%" filterUnits="objectBoundingBox" id="filter-4">
-            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="配置面板" width="48" height="40" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="setting-copy-2" width="48" height="40" transform="translate(-1190.000000, -136.000000)">
-            <g id="Group-8" width="48" height="40" transform="translate(1167.000000, 0.000000)">
-                <g id="Group-5-Copy-5" filter="url(#filter-1)" transform="translate(25.000000, 137.000000)">
-                    <mask id="mask-3" fill="white">
-                        <use xlink:href="#path-2"></use>
-                    </mask>
-                    <g id="Rectangle-18">
-                        <use fill="#783887" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-2"></use>
-                        <use fill="#F0F2F5" class="icon" fill-rule="evenodd" xlink:href="#path-2"></use>
-                    </g>
-                    <rect id="Rectangle-11" class="icon" fill="#FFFFFF" mask="url(#mask-3)" x="0" y="0" width="48" height="10"></rect>
-                    <rect id="Rectangle-18" class="icon" fill="#783887" mask="url(#mask-3)" x="0" y="0" width="16" height="40"></rect>
-                </g>
-            </g>
-        </g>
-    </g>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.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 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);fill:#C65EDB;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#505266;}
+	.st3{fill:#E5E5EA;}
+	.st4{opacity:0.7;}
+	.st5{opacity:0.5;}
+	.st6{fill:#783887;}
+</style>
+  <path class="st2" d="M12.51,35H2.45C1.1,35,0,33.9,0,32.55V7.45C0,6.1,1.1,5,2.45,5h10.06V35z"/>
+  <path class="st3" d="M37.55,35H12.51V5h25.04C38.9,5,40,6.1,40,7.45v25.1C40,33.9,38.9,35,37.55,35z"/>
+  <rect x="15.1" y="8.06" class="st1" width="22.32" height="24.09"/>
+  <g class="st4">
+	<path class="st2" d="M28.65,14.56c-0.07-0.36-0.29-0.59-0.56-0.59c0,0-0.01,0-0.01,0h-0.05c-0.79,0-1.43-0.64-1.43-1.43
+		c0-0.26,0.12-0.54,0.12-0.55c0.14-0.32,0.03-0.71-0.25-0.91l-0.02-0.01L25,10.26l-0.02-0.01c-0.09-0.04-0.2-0.06-0.31-0.06
+		c-0.22,0-0.44,0.09-0.59,0.24c-0.16,0.16-0.71,0.63-1.13,0.63c-0.43,0-0.98-0.48-1.14-0.64c-0.15-0.15-0.37-0.25-0.59-0.25
+		c-0.11,0-0.21,0.02-0.3,0.06l-0.02,0.01l-1.5,0.82l-0.02,0.01c-0.29,0.2-0.4,0.59-0.25,0.91c0,0,0.12,0.29,0.12,0.55
+		c0,0.79-0.64,1.43-1.43,1.43h-0.05c0,0-0.01,0-0.01,0c-0.27,0-0.49,0.23-0.56,0.59c0,0.03-0.12,0.65-0.12,1.14
+		c0,0.49,0.12,1.12,0.12,1.14c0.07,0.36,0.29,0.59,0.56,0.59c0,0,0.01,0,0.01,0h0.05c0.79,0,1.43,0.64,1.43,1.43
+		c0,0.26-0.12,0.54-0.12,0.55c-0.14,0.32-0.03,0.71,0.25,0.91l0.02,0.01l1.42,0.8l0.02,0.01c0.09,0.04,0.2,0.06,0.31,0.06
+		c0.23,0,0.45-0.09,0.59-0.25c0.2-0.22,0.75-0.67,1.15-0.67c0.44,0,1,0.51,1.16,0.69c0.14,0.16,0.37,0.26,0.6,0.26h0
+		c0.11,0,0.21-0.02,0.3-0.06l0.02-0.01l1.47-0.81l0.02-0.01c0.29-0.2,0.39-0.59,0.25-0.91c0,0-0.13-0.29-0.13-0.55
+		c0-0.79,0.64-1.43,1.43-1.43h0.05c0,0,0.01,0,0.01,0c0.27,0,0.49-0.23,0.56-0.59c0-0.01,0.12-0.64,0.12-1.14
+		C28.77,15.21,28.65,14.58,28.65,14.56z M22.93,18.43c-1.51,0-2.73-1.22-2.73-2.73s1.22-2.73,2.73-2.73c1.51,0,2.73,1.22,2.73,2.73
+		S24.44,18.43,22.93,18.43z"/>
+    <path class="st2" d="M34.98,20.89C34.98,20.89,34.98,20.89,34.98,20.89l-0.04,0c-0.51,0-0.93-0.42-0.93-0.93
+		c0-0.17,0.08-0.35,0.08-0.36c0.09-0.21,0.02-0.46-0.16-0.59l-0.01-0.01l-0.94-0.52l-0.01-0.01c-0.06-0.03-0.13-0.04-0.2-0.04
+		c-0.15,0-0.29,0.06-0.38,0.16c-0.1,0.11-0.46,0.41-0.74,0.41c-0.28,0-0.64-0.31-0.74-0.42c-0.1-0.1-0.24-0.16-0.39-0.16
+		c-0.07,0-0.14,0.01-0.2,0.04l-0.01,0.01l-0.98,0.54l-0.01,0.01c-0.19,0.13-0.26,0.38-0.17,0.59c0,0,0.08,0.19,0.08,0.36
+		c0,0.51-0.42,0.93-0.93,0.93h-0.03c0,0,0,0-0.01,0c-0.18,0-0.32,0.15-0.37,0.39c0,0.02-0.08,0.43-0.08,0.75
+		c0,0.32,0.08,0.73,0.08,0.75c0.04,0.24,0.19,0.39,0.37,0.39c0,0,0,0,0.01,0h0.03c0.51,0,0.93,0.42,0.93,0.93
+		c0,0.17-0.08,0.35-0.08,0.36c-0.09,0.21-0.02,0.46,0.16,0.59l0.01,0.01l0.93,0.52l0.01,0.01c0.06,0.03,0.13,0.04,0.2,0.04
+		c0.15,0,0.29-0.06,0.39-0.16c0.13-0.14,0.49-0.44,0.75-0.44c0.29,0,0.65,0.33,0.76,0.45c0.09,0.1,0.24,0.17,0.39,0.17h0
+		c0.07,0,0.14-0.01,0.2-0.04l0.01-0.01l0.96-0.53l0.01-0.01c0.19-0.13,0.26-0.38,0.17-0.59c0,0-0.08-0.19-0.08-0.36
+		c0-0.51,0.42-0.93,0.93-0.93h0.03c0,0,0,0,0.01,0c0.18,0,0.32-0.15,0.37-0.39c0,0,0.08-0.42,0.08-0.75c0-0.32-0.08-0.73-0.08-0.75
+		C35.3,21.05,35.16,20.89,34.98,20.89z M31.62,23.8c-0.98,0-1.78-0.8-1.78-1.78c0-0.98,0.8-1.78,1.78-1.78s1.78,0.8,1.78,1.78
+		C33.4,23.01,32.6,23.8,31.62,23.8z"/>
+</g>
+  <g>
+	<g class="st5">
+		<circle class="st1" cx="3.68" cy="10.23" r="0.79"/>
+    <path class="st1" d="M9.24,10.88H5.67c-0.21,0-0.38-0.17-0.38-0.38V9.95c0-0.21,0.17-0.38,0.38-0.38h3.57
+			c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,10.71,9.45,10.88,9.24,10.88z"/>
+	</g>
+    <g class="st5">
+		<circle class="st1" cx="3.68" cy="14.46" r="0.79"/>
+      <path class="st1" d="M9.24,15.11H5.67c-0.21,0-0.38-0.17-0.38-0.38v-0.55c0-0.21,0.17-0.38,0.38-0.38h3.57
+			c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,14.94,9.45,15.11,9.24,15.11z"/>
+	</g>
+    <g class="st5">
+		<circle class="st1" cx="3.68" cy="18.68" r="0.79"/>
+      <path class="st1" d="M9.24,19.34H5.67c-0.21,0-0.38-0.17-0.38-0.38v-0.55c0-0.21,0.17-0.38,0.38-0.38h3.57
+			c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,19.17,9.45,19.34,9.24,19.34z"/>
+	</g>
+</g>
 </svg>
diff --git a/frontend/src/assets/images/default.svg b/frontend/src/assets/images/default.svg
index b3d3b8383e..d22cc50719 100644
--- a/frontend/src/assets/images/default.svg
+++ b/frontend/src/assets/images/default.svg
@@ -1,39 +1,37 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="52px" height="45px" viewBox="0 0 52 45" version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink">
-    <defs>
-        <filter x="-9.4%" y="-6.2%" width="118.8%" height="122.5%" filterUnits="objectBoundingBox" id="filter-1">
-            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.15 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
-            <feMerge>
-                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
-                <feMergeNode in="SourceGraphic"></feMergeNode>
-            </feMerge>
-        </filter>
-        <rect id="path-2" x="0" y="0" width="48" height="40" rx="4"></rect>
-        <filter x="-4.2%" y="-2.5%" width="108.3%" height="110.0%" filterUnits="objectBoundingBox" id="filter-4">
-            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="配置面板" width="48" height="40" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="setting-copy-2" width="48" height="40" transform="translate(-1190.000000, -136.000000)">
-            <g id="Group-8" width="48" height="40" transform="translate(1167.000000, 0.000000)">
-                <g id="Group-5-Copy-5" filter="url(#filter-1)" transform="translate(25.000000, 137.000000)">
-                    <mask id="mask-3" fill="white">
-                        <use xlink:href="#path-2"></use>
-                    </mask>
-                    <g id="Rectangle-18">
-                        <use fill="#783887" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-2"></use>
-                        <use fill="#F0F2F5" fill-rule="evenodd" xlink:href="#path-2"></use>
-                    </g>
-                    <rect id="Rectangle-11" fill="#FFFFFF" mask="url(#mask-3)" x="0" y="0" width="48" height="10"></rect>
-                    <rect id="Rectangle-18" fill="#783887" mask="url(#mask-3)" x="0" y="0" width="16" height="40"></rect>
-                </g>
-            </g>
-        </g>
-    </g>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.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 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);fill:#C65EDB;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#505266;}
+	.st3{fill:#E5E5EA;}
+	.st4{opacity:0.7;}
+	.st5{opacity:0.5;}
+	.st6{fill:#783887;}
+</style>
+  <g>
+	<path class="st6" d="M12.51,35H2.45C1.1,35,0,33.9,0,32.55V7.45C0,6.1,1.1,5,2.45,5h10.06V35z"/>
+    <path class="st3" d="M37.55,35H12.51V5h25.04C38.9,5,40,6.1,40,7.45v25.1C40,33.9,38.9,35,37.55,35z"/>
+    <rect x="15.1" y="7.69" class="st1" width="22.32" height="6.76"/>
+    <rect x="15.1" y="17.05" class="st1" width="22.32" height="15.1"/>
+    <g>
+		<g class="st5">
+			<circle class="st1" cx="3.68" cy="10.23" r="0.79"/>
+      <path class="st1" d="M9.24,10.88H5.67c-0.21,0-0.38-0.17-0.38-0.38V9.95c0-0.21,0.17-0.38,0.38-0.38h3.57
+				c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,10.71,9.45,10.88,9.24,10.88z"/>
+		</g>
+      <g class="st5">
+			<circle class="st1" cx="3.68" cy="14.46" r="0.79"/>
+        <path class="st1" d="M9.24,15.11H5.67c-0.21,0-0.38-0.17-0.38-0.38v-0.55c0-0.21,0.17-0.38,0.38-0.38h3.57
+				c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,14.94,9.45,15.11,9.24,15.11z"/>
+		</g>
+      <g class="st5">
+			<circle class="st1" cx="3.68" cy="18.68" r="0.79"/>
+        <path class="st1" d="M9.24,19.34H5.67c-0.21,0-0.38-0.17-0.38-0.38v-0.55c0-0.21,0.17-0.38,0.38-0.38h3.57
+				c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,19.17,9.45,19.34,9.24,19.34z"/>
+		</g>
+	</g>
+</g>
 </svg>
diff --git a/frontend/src/assets/images/light.svg b/frontend/src/assets/images/light.svg
index ab7cc088fa..0f496fe852 100644
--- a/frontend/src/assets/images/light.svg
+++ b/frontend/src/assets/images/light.svg
@@ -1,39 +1,36 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="52px" height="45px" viewBox="0 0 52 45" version="1.1" 
-    xmlns="http://www.w3.org/2000/svg" 
-    xmlns:xlink="http://www.w3.org/1999/xlink">
-    <defs>
-        <filter x="-9.4%" y="-6.2%" width="118.8%" height="122.5%" filterUnits="objectBoundingBox" id="filter-1">
-            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.15 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
-            <feMerge>
-                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
-                <feMergeNode in="SourceGraphic"></feMergeNode>
-            </feMerge>
-        </filter>
-        <rect id="path-2" x="0" y="0" width="48" height="40" rx="4"></rect>
-        <filter x="-4.2%" y="-2.5%" width="108.3%" height="110.0%" filterUnits="objectBoundingBox" id="filter-4">
-            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="配置面板" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="setting-copy-2" transform="translate(-1254.000000, -136.000000)">
-            <g id="Group-8" transform="translate(1167.000000, 0.000000)">
-                <g id="Group-5" filter="url(#filter-1)" transform="translate(89.000000, 137.000000)">
-                    <mask id="mask-3" fill="white">
-                        <use xlink:href="#path-2"></use>
-                    </mask>
-                    <g id="Rectangle-18">
-                        <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-2"></use>
-                        <use fill="#F0F2F5" fill-rule="evenodd" xlink:href="#path-2"></use>
-                    </g>
-                    <rect id="Rectangle-18" fill="#FFFFFF" mask="url(#mask-3)" x="0" y="0" width="16" height="40"></rect>
-                    <rect id="Rectangle-11" fill="#FFFFFF" mask="url(#mask-3)" x="0" y="0" width="48" height="10"></rect>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.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 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);fill:#C65EDB;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#505266;}
+	.st3{fill:#E5E5EA;}
+	.st4{opacity:0.7;}
+	.st5{opacity:0.5;}
+	.st6{fill:#783887;}
+</style>
+  <path class="st1" d="M1,7.45v25.1C1,33.35,1.65,34,2.45,34h9.06V6H2.45C1.65,6,1,6.65,1,7.45z"/>
+  <path class="st3" d="M37.55,5H12.51H2.45C1.1,5,0,6.1,0,7.45v25.1C0,33.9,1.1,35,2.45,35h10.06h25.04C38.9,35,40,33.9,40,32.55V7.45
+	C40,6.1,38.9,5,37.55,5z M11.51,34H2.45C1.65,34,1,33.35,1,32.55V7.45C1,6.65,1.65,6,2.45,6h9.06V34z"/>
+  <rect x="15.1" y="7.69" class="st1" width="22.32" height="6.76"/>
+  <rect x="15.1" y="17.05" class="st1" width="22.32" height="15.1"/>
+  <g>
+	<g class="st5">
+		<circle class="st2" cx="3.68" cy="10.23" r="0.79"/>
+    <path class="st2" d="M9.24,10.88H5.67c-0.21,0-0.38-0.17-0.38-0.38V9.95c0-0.21,0.17-0.38,0.38-0.38h3.57
+			c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,10.71,9.45,10.88,9.24,10.88z"/>
+	</g>
+    <g class="st5">
+		<circle class="st2" cx="3.68" cy="14.46" r="0.79"/>
+      <path class="st2" d="M9.24,15.11H5.67c-0.21,0-0.38-0.17-0.38-0.38v-0.55c0-0.21,0.17-0.38,0.38-0.38h3.57
+			c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,14.94,9.45,15.11,9.24,15.11z"/>
+	</g>
+    <g class="st5">
+		<circle class="st2" cx="3.68" cy="18.68" r="0.79"/>
+      <path class="st2" d="M9.24,19.34H5.67c-0.21,0-0.38-0.17-0.38-0.38v-0.55c0-0.21,0.17-0.38,0.38-0.38h3.57
+			c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,19.17,9.45,19.34,9.24,19.34z"/>
+	</g>
+</g>
+</svg>