修改图标

src/assets/icons/close.svg

@@ -0,0 +1 @@
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 36 36"><path d="M19.41 18l8.29-8.29a1 1 0 0 0-1.41-1.41L18 16.59l-8.29-8.3a1 1 0 0 0-1.42 1.42l8.3 8.29l-8.3 8.29A1 1 0 1 0 9.7 27.7l8.3-8.29l8.29 8.29a1 1 0 0 0 1.41-1.41z" fill="currentColor"></path></svg>

src/assets/icons/close_all.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 36 36"><path d="M26 17H10a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2z" fill="currentColor"></path></svg>

src/assets/icons/close_other.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"><path d="M3 5h14V3H3v2zm12 8V7H5v6h10zM3 17h14v-2H3v2z" fill="currentColor"></path></svg>

src/layout/index.vue

@@ -1,6 +1,6 @@
 <template>
   <el-container class="layout-container-demo">
-    <el-aside width="210px" :style="{ 'background-color': '#242f42' }">
+    <el-aside width="210px" :style="{ 'background-color': '#304156' }">
       <component :is="cAside"></component>
     </el-aside>
     <el-main>

src/layout/parts/Sidebar.vue

@@ -13,9 +13,9 @@
             :default-active="onRoutes"
             unique-opened
             router
-            :background-color="styleInfo.backColor"
-            :text-color="styleInfo.textColor"
-            :active-text-color="styleInfo.activeColor"
+            background-color="#304156"
+            text-color="#bfcbd9"
+            active-text-color="#409eff"
           >
             <template v-for="item in items">
               <template v-if="item.type === '0'">
@@ -115,7 +115,7 @@ watch(
     align-items: center;
     justify-content: center;
     height: 50px;
-    background-color: var(--sidebar-logo-background);
+    background-color: #242f42;
 
     .logo-image {
       width: 20px;

src/layout/parts/breadcrumb.vue

@@ -17,27 +17,27 @@
     <!-- tag标签操作菜单 -->
     <ul v-show="contentMenuVisible" class="contextmenu" :style="{ left: left + 'px', top: top + 'px' }">
       <li @click="refreshSelectedTag(selectedTag)">
-        <svg-icon icon-class="refresh" />
+        <SvgIcon icon-class="refresh"></SvgIcon>
         刷新
       </li>
       <li v-if="!isAffix(selectedTag)" @click="closeSelectedTag(selectedTag)">
-        <svg-icon icon-class="close" />
+        <SvgIcon icon-class="close"></SvgIcon>
         关闭
       </li>
       <li @click="closeOtherTags">
-        <svg-icon icon-class="close_other" />
+        <SvgIcon icon-class="close_other"></SvgIcon>
         关闭其它
       </li>
       <li v-if="!isFirstView()" @click="closeLeftTags">
-        <svg-icon icon-class="close_left" />
+        <SvgIcon icon-class="close_left"></SvgIcon>
         关闭左侧
       </li>
       <li v-if="!isLastView()" @click="closeRightTags">
-        <svg-icon icon-class="close_right" />
+        <SvgIcon icon-class="close_right"></SvgIcon>
         关闭右侧
       </li>
       <li @click="closeAllTags(selectedTag)">
-        <svg-icon icon-class="close_all" />
+        <SvgIcon icon-class="close_all"></SvgIcon>
         关闭所有
       </li>
     </ul>
@@ -415,7 +415,7 @@ onMounted(() => {
   box-shadow: var(--el-box-shadow-light);
 
   li {
-    padding: 8px 16px;
+    padding: 8px 16px 8px 0;
     cursor: pointer;
 
     &:hover {