diff --git a/src/App.vue b/src/App.vue
index 52ccd6e..ec22623 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -88,6 +88,14 @@
   hotkeys('alt+i', () => {
     eventBus.emit('global-system-info-toggle')
   })
+  document.body.style.setProperty('--el-color-primary', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-active-color', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-hover-color', '#008D68')
+  document.body.style.setProperty('--color', '#008D68')
+  document.body.style.setProperty('--el-button-hover-bg-color', '#41A877')
 })
 </script>
 

diff --git a/src/App.vue b/src/App.vue
index 52ccd6e..ec22623 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -88,6 +88,14 @@
   hotkeys('alt+i', () => {
     eventBus.emit('global-system-info-toggle')
   })
+  document.body.style.setProperty('--el-color-primary', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-active-color', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-hover-color', '#008D68')
+  document.body.style.setProperty('--color', '#008D68')
+  document.body.style.setProperty('--el-button-hover-bg-color', '#41A877')
 })
 </script>
 
diff --git a/src/assets/icons/icon-add.svg b/src/assets/icons/icon-add.svg
index d14fe55..62c0d18 100644
--- a/src/assets/icons/icon-add.svg
+++ b/src/assets/icons/icon-add.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">
-  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
+  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" fill="#008D68" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
 </svg>

diff --git a/src/App.vue b/src/App.vue
index 52ccd6e..ec22623 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -88,6 +88,14 @@
   hotkeys('alt+i', () => {
     eventBus.emit('global-system-info-toggle')
   })
+  document.body.style.setProperty('--el-color-primary', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-active-color', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-hover-color', '#008D68')
+  document.body.style.setProperty('--color', '#008D68')
+  document.body.style.setProperty('--el-button-hover-bg-color', '#41A877')
 })
 </script>
 
diff --git a/src/assets/icons/icon-add.svg b/src/assets/icons/icon-add.svg
index d14fe55..62c0d18 100644
--- a/src/assets/icons/icon-add.svg
+++ b/src/assets/icons/icon-add.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">
-  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
+  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" fill="#008D68" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
 </svg>
diff --git a/src/assets/images/logo-1.png b/src/assets/images/logo-1.png
new file mode 100644
index 0000000..86e8a4f
--- /dev/null
+++ b/src/assets/images/logo-1.png
Binary files differ

diff --git a/src/App.vue b/src/App.vue
index 52ccd6e..ec22623 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -88,6 +88,14 @@
   hotkeys('alt+i', () => {
     eventBus.emit('global-system-info-toggle')
   })
+  document.body.style.setProperty('--el-color-primary', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-active-color', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-hover-color', '#008D68')
+  document.body.style.setProperty('--color', '#008D68')
+  document.body.style.setProperty('--el-button-hover-bg-color', '#41A877')
 })
 </script>
 
diff --git a/src/assets/icons/icon-add.svg b/src/assets/icons/icon-add.svg
index d14fe55..62c0d18 100644
--- a/src/assets/icons/icon-add.svg
+++ b/src/assets/icons/icon-add.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">
-  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
+  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" fill="#008D68" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
 </svg>
diff --git a/src/assets/images/logo-1.png b/src/assets/images/logo-1.png
new file mode 100644
index 0000000..86e8a4f
--- /dev/null
+++ b/src/assets/images/logo-1.png
Binary files differ
diff --git a/src/components/IconButton/index.vue b/src/components/IconButton/index.vue
index 7d52574..4b63798 100644
--- a/src/components/IconButton/index.vue
+++ b/src/components/IconButton/index.vue
@@ -36,7 +36,7 @@
   border-color: #d6e5fc;
   padding: 6px;
   border-radius: 6px;
-  color: #4384ff;
+  color: #008d68;
 
   :deep(.el-icon) {
     width: 18px;
@@ -46,6 +46,11 @@
   .icon-button-icon {
     width: 16px;
     height: 16px;
+    background-color: "#008D68";
+
+    use {
+      fill: "#008D68";
+    }
   }
 
   &:hover {

diff --git a/src/App.vue b/src/App.vue
index 52ccd6e..ec22623 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -88,6 +88,14 @@
   hotkeys('alt+i', () => {
     eventBus.emit('global-system-info-toggle')
   })
+  document.body.style.setProperty('--el-color-primary', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-active-color', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-hover-color', '#008D68')
+  document.body.style.setProperty('--color', '#008D68')
+  document.body.style.setProperty('--el-button-hover-bg-color', '#41A877')
 })
 </script>
 
diff --git a/src/assets/icons/icon-add.svg b/src/assets/icons/icon-add.svg
index d14fe55..62c0d18 100644
--- a/src/assets/icons/icon-add.svg
+++ b/src/assets/icons/icon-add.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">
-  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
+  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" fill="#008D68" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
 </svg>
diff --git a/src/assets/images/logo-1.png b/src/assets/images/logo-1.png
new file mode 100644
index 0000000..86e8a4f
--- /dev/null
+++ b/src/assets/images/logo-1.png
Binary files differ
diff --git a/src/components/IconButton/index.vue b/src/components/IconButton/index.vue
index 7d52574..4b63798 100644
--- a/src/components/IconButton/index.vue
+++ b/src/components/IconButton/index.vue
@@ -36,7 +36,7 @@
   border-color: #d6e5fc;
   padding: 6px;
   border-radius: 6px;
-  color: #4384ff;
+  color: #008d68;
 
   :deep(.el-icon) {
     width: 18px;
@@ -46,6 +46,11 @@
   .icon-button-icon {
     width: 16px;
     height: 16px;
+    background-color: "#008D68";
+
+    use {
+      fill: "#008D68";
+    }
   }
 
   &:hover {
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index 01a2257..f47e263 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -40,7 +40,7 @@
 </script>
 
 <template>
-  <Icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
+  <icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
   <svg v-else :style="transformStyle" aria-hidden="true">
     <use :xlink:href="`#icon-${name}`" />
   </svg>

diff --git a/src/App.vue b/src/App.vue
index 52ccd6e..ec22623 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -88,6 +88,14 @@
   hotkeys('alt+i', () => {
     eventBus.emit('global-system-info-toggle')
   })
+  document.body.style.setProperty('--el-color-primary', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-active-color', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-hover-color', '#008D68')
+  document.body.style.setProperty('--color', '#008D68')
+  document.body.style.setProperty('--el-button-hover-bg-color', '#41A877')
 })
 </script>
 
diff --git a/src/assets/icons/icon-add.svg b/src/assets/icons/icon-add.svg
index d14fe55..62c0d18 100644
--- a/src/assets/icons/icon-add.svg
+++ b/src/assets/icons/icon-add.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">
-  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
+  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" fill="#008D68" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
 </svg>
diff --git a/src/assets/images/logo-1.png b/src/assets/images/logo-1.png
new file mode 100644
index 0000000..86e8a4f
--- /dev/null
+++ b/src/assets/images/logo-1.png
Binary files differ
diff --git a/src/components/IconButton/index.vue b/src/components/IconButton/index.vue
index 7d52574..4b63798 100644
--- a/src/components/IconButton/index.vue
+++ b/src/components/IconButton/index.vue
@@ -36,7 +36,7 @@
   border-color: #d6e5fc;
   padding: 6px;
   border-radius: 6px;
-  color: #4384ff;
+  color: #008d68;
 
   :deep(.el-icon) {
     width: 18px;
@@ -46,6 +46,11 @@
   .icon-button-icon {
     width: 16px;
     height: 16px;
+    background-color: "#008D68";
+
+    use {
+      fill: "#008D68";
+    }
   }
 
   &:hover {
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index 01a2257..f47e263 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -40,7 +40,7 @@
 </script>
 
 <template>
-  <Icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
+  <icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
   <svg v-else :style="transformStyle" aria-hidden="true">
     <use :xlink:href="`#icon-${name}`" />
   </svg>
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index 63ee0a9..5e8c15f 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -17,15 +17,15 @@
 const mouseTool = ref()
 // 区域数组
 const pathArr = ref([
-  [121.546266, 29.80975],
-  [121.54543, 29.806845],
-  [121.548713, 29.806752],
-  [121.549957, 29.809508],
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
 ])
 // 区域点数组
 const markerArr = ref([
-  [121.548181, 29.808806],
-  [121.548281, 29.807806],
+  [111.737806, 40.83676],
+  [111.737916, 40.83656],
 ])
 
 // 初始化地图
@@ -40,7 +40,7 @@
       map.value = new AMap.Map('map', {
         viewMode: '2D', //  是否为3D地图模式
         zoom: 16, // 初始化地图级别
-        center: [121.548181, 29.808806],
+        center: [111.737906, 40.83686],
         resizeEnable: true,
       })
       // 用来画区域的

diff --git a/src/App.vue b/src/App.vue
index 52ccd6e..ec22623 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -88,6 +88,14 @@
   hotkeys('alt+i', () => {
     eventBus.emit('global-system-info-toggle')
   })
+  document.body.style.setProperty('--el-color-primary', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-active-color', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-hover-color', '#008D68')
+  document.body.style.setProperty('--color', '#008D68')
+  document.body.style.setProperty('--el-button-hover-bg-color', '#41A877')
 })
 </script>
 
diff --git a/src/assets/icons/icon-add.svg b/src/assets/icons/icon-add.svg
index d14fe55..62c0d18 100644
--- a/src/assets/icons/icon-add.svg
+++ b/src/assets/icons/icon-add.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">
-  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
+  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" fill="#008D68" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
 </svg>
diff --git a/src/assets/images/logo-1.png b/src/assets/images/logo-1.png
new file mode 100644
index 0000000..86e8a4f
--- /dev/null
+++ b/src/assets/images/logo-1.png
Binary files differ
diff --git a/src/components/IconButton/index.vue b/src/components/IconButton/index.vue
index 7d52574..4b63798 100644
--- a/src/components/IconButton/index.vue
+++ b/src/components/IconButton/index.vue
@@ -36,7 +36,7 @@
   border-color: #d6e5fc;
   padding: 6px;
   border-radius: 6px;
-  color: #4384ff;
+  color: #008d68;
 
   :deep(.el-icon) {
     width: 18px;
@@ -46,6 +46,11 @@
   .icon-button-icon {
     width: 16px;
     height: 16px;
+    background-color: "#008D68";
+
+    use {
+      fill: "#008D68";
+    }
   }
 
   &:hover {
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index 01a2257..f47e263 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -40,7 +40,7 @@
 </script>
 
 <template>
-  <Icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
+  <icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
   <svg v-else :style="transformStyle" aria-hidden="true">
     <use :xlink:href="`#icon-${name}`" />
   </svg>
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index 63ee0a9..5e8c15f 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -17,15 +17,15 @@
 const mouseTool = ref()
 // 区域数组
 const pathArr = ref([
-  [121.546266, 29.80975],
-  [121.54543, 29.806845],
-  [121.548713, 29.806752],
-  [121.549957, 29.809508],
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
 ])
 // 区域点数组
 const markerArr = ref([
-  [121.548181, 29.808806],
-  [121.548281, 29.807806],
+  [111.737806, 40.83676],
+  [111.737916, 40.83656],
 ])
 
 // 初始化地图
@@ -40,7 +40,7 @@
       map.value = new AMap.Map('map', {
         viewMode: '2D', //  是否为3D地图模式
         zoom: 16, // 初始化地图级别
-        center: [121.548181, 29.808806],
+        center: [111.737906, 40.83686],
         resizeEnable: true,
       })
       // 用来画区域的
diff --git a/src/layouts/components/Logo/index.vue b/src/layouts/components/Logo/index.vue
index bdcd228..3c9e6a1 100644
--- a/src/layouts/components/Logo/index.vue
+++ b/src/layouts/components/Logo/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup name="Logo">
-import imgLogo from '@/assets/images/logo.png'
+import imgLogo from '@/assets/images/logo-1.png'
 import useSettingsStore from '@/store/modules/settings'
 
 defineProps({

diff --git a/src/App.vue b/src/App.vue
index 52ccd6e..ec22623 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -88,6 +88,14 @@
   hotkeys('alt+i', () => {
     eventBus.emit('global-system-info-toggle')
   })
+  document.body.style.setProperty('--el-color-primary', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-active-color', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-hover-color', '#008D68')
+  document.body.style.setProperty('--color', '#008D68')
+  document.body.style.setProperty('--el-button-hover-bg-color', '#41A877')
 })
 </script>
 
diff --git a/src/assets/icons/icon-add.svg b/src/assets/icons/icon-add.svg
index d14fe55..62c0d18 100644
--- a/src/assets/icons/icon-add.svg
+++ b/src/assets/icons/icon-add.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">
-  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
+  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" fill="#008D68" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
 </svg>
diff --git a/src/assets/images/logo-1.png b/src/assets/images/logo-1.png
new file mode 100644
index 0000000..86e8a4f
--- /dev/null
+++ b/src/assets/images/logo-1.png
Binary files differ
diff --git a/src/components/IconButton/index.vue b/src/components/IconButton/index.vue
index 7d52574..4b63798 100644
--- a/src/components/IconButton/index.vue
+++ b/src/components/IconButton/index.vue
@@ -36,7 +36,7 @@
   border-color: #d6e5fc;
   padding: 6px;
   border-radius: 6px;
-  color: #4384ff;
+  color: #008d68;
 
   :deep(.el-icon) {
     width: 18px;
@@ -46,6 +46,11 @@
   .icon-button-icon {
     width: 16px;
     height: 16px;
+    background-color: "#008D68";
+
+    use {
+      fill: "#008D68";
+    }
   }
 
   &:hover {
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index 01a2257..f47e263 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -40,7 +40,7 @@
 </script>
 
 <template>
-  <Icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
+  <icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
   <svg v-else :style="transformStyle" aria-hidden="true">
     <use :xlink:href="`#icon-${name}`" />
   </svg>
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index 63ee0a9..5e8c15f 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -17,15 +17,15 @@
 const mouseTool = ref()
 // 区域数组
 const pathArr = ref([
-  [121.546266, 29.80975],
-  [121.54543, 29.806845],
-  [121.548713, 29.806752],
-  [121.549957, 29.809508],
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
 ])
 // 区域点数组
 const markerArr = ref([
-  [121.548181, 29.808806],
-  [121.548281, 29.807806],
+  [111.737806, 40.83676],
+  [111.737916, 40.83656],
 ])
 
 // 初始化地图
@@ -40,7 +40,7 @@
       map.value = new AMap.Map('map', {
         viewMode: '2D', //  是否为3D地图模式
         zoom: 16, // 初始化地图级别
-        center: [121.548181, 29.808806],
+        center: [111.737906, 40.83686],
         resizeEnable: true,
       })
       // 用来画区域的
diff --git a/src/layouts/components/Logo/index.vue b/src/layouts/components/Logo/index.vue
index bdcd228..3c9e6a1 100644
--- a/src/layouts/components/Logo/index.vue
+++ b/src/layouts/components/Logo/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup name="Logo">
-import imgLogo from '@/assets/images/logo.png'
+import imgLogo from '@/assets/images/logo-1.png'
 import useSettingsStore from '@/store/modules/settings'
 
 defineProps({
diff --git a/src/layouts/components/MainSidebar/index.vue b/src/layouts/components/MainSidebar/index.vue
index 40d4fa3..079cd34 100644
--- a/src/layouts/components/MainSidebar/index.vue
+++ b/src/layouts/components/MainSidebar/index.vue
@@ -12,7 +12,7 @@
 <template>
   <transition name="main-sidebar">
     <div v-if="settingsStore.menu.menuMode === 'side' || (settingsStore.mode === 'mobile' && settingsStore.menu.menuMode !== 'single')" class="main-sidebar-container">
-      <Logo :show-title="false" class="sidebar-logo" />
+      <logo :show-title="false" class="sidebar-logo" />
       <!-- 侧边栏模式（含主导航） -->
       <div class="nav">
         <template v-for="(item, index) in menuStore.allMenus">
@@ -55,7 +55,8 @@
 
   .sidebar-logo {
     transition: 0.3s;
-    background-color: var(--g-main-sidebar-bg);
+    // background-color: var(--g-main-sidebar-bg);
+    // background-image: linear-gradient(180deg, #589957, #41A877);
   }
 
   .nav {

diff --git a/src/App.vue b/src/App.vue
index 52ccd6e..ec22623 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -88,6 +88,14 @@
   hotkeys('alt+i', () => {
     eventBus.emit('global-system-info-toggle')
   })
+  document.body.style.setProperty('--el-color-primary', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-active-color', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-hover-color', '#008D68')
+  document.body.style.setProperty('--color', '#008D68')
+  document.body.style.setProperty('--el-button-hover-bg-color', '#41A877')
 })
 </script>
 
diff --git a/src/assets/icons/icon-add.svg b/src/assets/icons/icon-add.svg
index d14fe55..62c0d18 100644
--- a/src/assets/icons/icon-add.svg
+++ b/src/assets/icons/icon-add.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">
-  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
+  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" fill="#008D68" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
 </svg>
diff --git a/src/assets/images/logo-1.png b/src/assets/images/logo-1.png
new file mode 100644
index 0000000..86e8a4f
--- /dev/null
+++ b/src/assets/images/logo-1.png
Binary files differ
diff --git a/src/components/IconButton/index.vue b/src/components/IconButton/index.vue
index 7d52574..4b63798 100644
--- a/src/components/IconButton/index.vue
+++ b/src/components/IconButton/index.vue
@@ -36,7 +36,7 @@
   border-color: #d6e5fc;
   padding: 6px;
   border-radius: 6px;
-  color: #4384ff;
+  color: #008d68;
 
   :deep(.el-icon) {
     width: 18px;
@@ -46,6 +46,11 @@
   .icon-button-icon {
     width: 16px;
     height: 16px;
+    background-color: "#008D68";
+
+    use {
+      fill: "#008D68";
+    }
   }
 
   &:hover {
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index 01a2257..f47e263 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -40,7 +40,7 @@
 </script>
 
 <template>
-  <Icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
+  <icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
   <svg v-else :style="transformStyle" aria-hidden="true">
     <use :xlink:href="`#icon-${name}`" />
   </svg>
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index 63ee0a9..5e8c15f 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -17,15 +17,15 @@
 const mouseTool = ref()
 // 区域数组
 const pathArr = ref([
-  [121.546266, 29.80975],
-  [121.54543, 29.806845],
-  [121.548713, 29.806752],
-  [121.549957, 29.809508],
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
 ])
 // 区域点数组
 const markerArr = ref([
-  [121.548181, 29.808806],
-  [121.548281, 29.807806],
+  [111.737806, 40.83676],
+  [111.737916, 40.83656],
 ])
 
 // 初始化地图
@@ -40,7 +40,7 @@
       map.value = new AMap.Map('map', {
         viewMode: '2D', //  是否为3D地图模式
         zoom: 16, // 初始化地图级别
-        center: [121.548181, 29.808806],
+        center: [111.737906, 40.83686],
         resizeEnable: true,
       })
       // 用来画区域的
diff --git a/src/layouts/components/Logo/index.vue b/src/layouts/components/Logo/index.vue
index bdcd228..3c9e6a1 100644
--- a/src/layouts/components/Logo/index.vue
+++ b/src/layouts/components/Logo/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup name="Logo">
-import imgLogo from '@/assets/images/logo.png'
+import imgLogo from '@/assets/images/logo-1.png'
 import useSettingsStore from '@/store/modules/settings'
 
 defineProps({
diff --git a/src/layouts/components/MainSidebar/index.vue b/src/layouts/components/MainSidebar/index.vue
index 40d4fa3..079cd34 100644
--- a/src/layouts/components/MainSidebar/index.vue
+++ b/src/layouts/components/MainSidebar/index.vue
@@ -12,7 +12,7 @@
 <template>
   <transition name="main-sidebar">
     <div v-if="settingsStore.menu.menuMode === 'side' || (settingsStore.mode === 'mobile' && settingsStore.menu.menuMode !== 'single')" class="main-sidebar-container">
-      <Logo :show-title="false" class="sidebar-logo" />
+      <logo :show-title="false" class="sidebar-logo" />
       <!-- 侧边栏模式（含主导航） -->
       <div class="nav">
         <template v-for="(item, index) in menuStore.allMenus">
@@ -55,7 +55,8 @@
 
   .sidebar-logo {
     transition: 0.3s;
-    background-color: var(--g-main-sidebar-bg);
+    // background-color: var(--g-main-sidebar-bg);
+    // background-image: linear-gradient(180deg, #589957, #41A877);
   }
 
   .nav {
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index b2c0d09..028e807 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -57,7 +57,7 @@
   top: 0;
   bottom: 0;
   background-color: var(--g-sub-sidebar-bg);
-  background-image: linear-gradient(180deg, #71b5ff, #4384ff);
+  background-image: linear-gradient(180deg, #008d68, #008d68);
   box-shadow: 10px 0 10px -10px var(--g-box-shadow-color);
   transition: background-color 0.3s, var(--el-transition-box-shadow), left 0.3s, width 0.3s;
 
@@ -77,7 +77,7 @@
 
   .sidebar-logo {
     transition: box-shadow 0.2s, background-color 0.3s, color 0.3s;
-    background-color: var(--g-sub-sidebar-bg);
+    // background-color: var(--g-sub-sidebar-bg);
 
     &:not(.sidebar-logo-bg) {
       :deep(span) {

diff --git a/src/App.vue b/src/App.vue
index 52ccd6e..ec22623 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -88,6 +88,14 @@
   hotkeys('alt+i', () => {
     eventBus.emit('global-system-info-toggle')
   })
+  document.body.style.setProperty('--el-color-primary', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-active-color', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-hover-color', '#008D68')
+  document.body.style.setProperty('--color', '#008D68')
+  document.body.style.setProperty('--el-button-hover-bg-color', '#41A877')
 })
 </script>
 
diff --git a/src/assets/icons/icon-add.svg b/src/assets/icons/icon-add.svg
index d14fe55..62c0d18 100644
--- a/src/assets/icons/icon-add.svg
+++ b/src/assets/icons/icon-add.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">
-  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
+  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" fill="#008D68" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
 </svg>
diff --git a/src/assets/images/logo-1.png b/src/assets/images/logo-1.png
new file mode 100644
index 0000000..86e8a4f
--- /dev/null
+++ b/src/assets/images/logo-1.png
Binary files differ
diff --git a/src/components/IconButton/index.vue b/src/components/IconButton/index.vue
index 7d52574..4b63798 100644
--- a/src/components/IconButton/index.vue
+++ b/src/components/IconButton/index.vue
@@ -36,7 +36,7 @@
   border-color: #d6e5fc;
   padding: 6px;
   border-radius: 6px;
-  color: #4384ff;
+  color: #008d68;
 
   :deep(.el-icon) {
     width: 18px;
@@ -46,6 +46,11 @@
   .icon-button-icon {
     width: 16px;
     height: 16px;
+    background-color: "#008D68";
+
+    use {
+      fill: "#008D68";
+    }
   }
 
   &:hover {
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index 01a2257..f47e263 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -40,7 +40,7 @@
 </script>
 
 <template>
-  <Icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
+  <icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
   <svg v-else :style="transformStyle" aria-hidden="true">
     <use :xlink:href="`#icon-${name}`" />
   </svg>
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index 63ee0a9..5e8c15f 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -17,15 +17,15 @@
 const mouseTool = ref()
 // 区域数组
 const pathArr = ref([
-  [121.546266, 29.80975],
-  [121.54543, 29.806845],
-  [121.548713, 29.806752],
-  [121.549957, 29.809508],
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
 ])
 // 区域点数组
 const markerArr = ref([
-  [121.548181, 29.808806],
-  [121.548281, 29.807806],
+  [111.737806, 40.83676],
+  [111.737916, 40.83656],
 ])
 
 // 初始化地图
@@ -40,7 +40,7 @@
       map.value = new AMap.Map('map', {
         viewMode: '2D', //  是否为3D地图模式
         zoom: 16, // 初始化地图级别
-        center: [121.548181, 29.808806],
+        center: [111.737906, 40.83686],
         resizeEnable: true,
       })
       // 用来画区域的
diff --git a/src/layouts/components/Logo/index.vue b/src/layouts/components/Logo/index.vue
index bdcd228..3c9e6a1 100644
--- a/src/layouts/components/Logo/index.vue
+++ b/src/layouts/components/Logo/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup name="Logo">
-import imgLogo from '@/assets/images/logo.png'
+import imgLogo from '@/assets/images/logo-1.png'
 import useSettingsStore from '@/store/modules/settings'
 
 defineProps({
diff --git a/src/layouts/components/MainSidebar/index.vue b/src/layouts/components/MainSidebar/index.vue
index 40d4fa3..079cd34 100644
--- a/src/layouts/components/MainSidebar/index.vue
+++ b/src/layouts/components/MainSidebar/index.vue
@@ -12,7 +12,7 @@
 <template>
   <transition name="main-sidebar">
     <div v-if="settingsStore.menu.menuMode === 'side' || (settingsStore.mode === 'mobile' && settingsStore.menu.menuMode !== 'single')" class="main-sidebar-container">
-      <Logo :show-title="false" class="sidebar-logo" />
+      <logo :show-title="false" class="sidebar-logo" />
       <!-- 侧边栏模式（含主导航） -->
       <div class="nav">
         <template v-for="(item, index) in menuStore.allMenus">
@@ -55,7 +55,8 @@
 
   .sidebar-logo {
     transition: 0.3s;
-    background-color: var(--g-main-sidebar-bg);
+    // background-color: var(--g-main-sidebar-bg);
+    // background-image: linear-gradient(180deg, #589957, #41A877);
   }
 
   .nav {
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index b2c0d09..028e807 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -57,7 +57,7 @@
   top: 0;
   bottom: 0;
   background-color: var(--g-sub-sidebar-bg);
-  background-image: linear-gradient(180deg, #71b5ff, #4384ff);
+  background-image: linear-gradient(180deg, #008d68, #008d68);
   box-shadow: 10px 0 10px -10px var(--g-box-shadow-color);
   transition: background-color 0.3s, var(--el-transition-box-shadow), left 0.3s, width 0.3s;
 
@@ -77,7 +77,7 @@
 
   .sidebar-logo {
     transition: box-shadow 0.2s, background-color 0.3s, color 0.3s;
-    background-color: var(--g-sub-sidebar-bg);
+    // background-color: var(--g-sub-sidebar-bg);
 
     &:not(.sidebar-logo-bg) {
       :deep(span) {
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f4b6911..242a6e1 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -83,7 +83,7 @@
   justify-content: space-between;
   height: var(--g-topbar-height);
   transition: width 0.3s, top 0.3s, transform 0.3s, background-color 0.3s, var(--el-transition-box-shadow);
-  background-image: linear-gradient(90deg, #71b5ff 30%, #3d7eff);
+  background-image: linear-gradient(90deg, #008d68 30%, #008d68);
 
   .topbar-container-inner {
     width: 100%;

diff --git a/src/App.vue b/src/App.vue
index 52ccd6e..ec22623 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -88,6 +88,14 @@
   hotkeys('alt+i', () => {
     eventBus.emit('global-system-info-toggle')
   })
+  document.body.style.setProperty('--el-color-primary', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-active-color', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-hover-color', '#008D68')
+  document.body.style.setProperty('--color', '#008D68')
+  document.body.style.setProperty('--el-button-hover-bg-color', '#41A877')
 })
 </script>
 
diff --git a/src/assets/icons/icon-add.svg b/src/assets/icons/icon-add.svg
index d14fe55..62c0d18 100644
--- a/src/assets/icons/icon-add.svg
+++ b/src/assets/icons/icon-add.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">
-  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
+  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" fill="#008D68" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
 </svg>
diff --git a/src/assets/images/logo-1.png b/src/assets/images/logo-1.png
new file mode 100644
index 0000000..86e8a4f
--- /dev/null
+++ b/src/assets/images/logo-1.png
Binary files differ
diff --git a/src/components/IconButton/index.vue b/src/components/IconButton/index.vue
index 7d52574..4b63798 100644
--- a/src/components/IconButton/index.vue
+++ b/src/components/IconButton/index.vue
@@ -36,7 +36,7 @@
   border-color: #d6e5fc;
   padding: 6px;
   border-radius: 6px;
-  color: #4384ff;
+  color: #008d68;
 
   :deep(.el-icon) {
     width: 18px;
@@ -46,6 +46,11 @@
   .icon-button-icon {
     width: 16px;
     height: 16px;
+    background-color: "#008D68";
+
+    use {
+      fill: "#008D68";
+    }
   }
 
   &:hover {
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index 01a2257..f47e263 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -40,7 +40,7 @@
 </script>
 
 <template>
-  <Icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
+  <icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
   <svg v-else :style="transformStyle" aria-hidden="true">
     <use :xlink:href="`#icon-${name}`" />
   </svg>
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index 63ee0a9..5e8c15f 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -17,15 +17,15 @@
 const mouseTool = ref()
 // 区域数组
 const pathArr = ref([
-  [121.546266, 29.80975],
-  [121.54543, 29.806845],
-  [121.548713, 29.806752],
-  [121.549957, 29.809508],
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
 ])
 // 区域点数组
 const markerArr = ref([
-  [121.548181, 29.808806],
-  [121.548281, 29.807806],
+  [111.737806, 40.83676],
+  [111.737916, 40.83656],
 ])
 
 // 初始化地图
@@ -40,7 +40,7 @@
       map.value = new AMap.Map('map', {
         viewMode: '2D', //  是否为3D地图模式
         zoom: 16, // 初始化地图级别
-        center: [121.548181, 29.808806],
+        center: [111.737906, 40.83686],
         resizeEnable: true,
       })
       // 用来画区域的
diff --git a/src/layouts/components/Logo/index.vue b/src/layouts/components/Logo/index.vue
index bdcd228..3c9e6a1 100644
--- a/src/layouts/components/Logo/index.vue
+++ b/src/layouts/components/Logo/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup name="Logo">
-import imgLogo from '@/assets/images/logo.png'
+import imgLogo from '@/assets/images/logo-1.png'
 import useSettingsStore from '@/store/modules/settings'
 
 defineProps({
diff --git a/src/layouts/components/MainSidebar/index.vue b/src/layouts/components/MainSidebar/index.vue
index 40d4fa3..079cd34 100644
--- a/src/layouts/components/MainSidebar/index.vue
+++ b/src/layouts/components/MainSidebar/index.vue
@@ -12,7 +12,7 @@
 <template>
   <transition name="main-sidebar">
     <div v-if="settingsStore.menu.menuMode === 'side' || (settingsStore.mode === 'mobile' && settingsStore.menu.menuMode !== 'single')" class="main-sidebar-container">
-      <Logo :show-title="false" class="sidebar-logo" />
+      <logo :show-title="false" class="sidebar-logo" />
       <!-- 侧边栏模式（含主导航） -->
       <div class="nav">
         <template v-for="(item, index) in menuStore.allMenus">
@@ -55,7 +55,8 @@
 
   .sidebar-logo {
     transition: 0.3s;
-    background-color: var(--g-main-sidebar-bg);
+    // background-color: var(--g-main-sidebar-bg);
+    // background-image: linear-gradient(180deg, #589957, #41A877);
   }
 
   .nav {
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index b2c0d09..028e807 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -57,7 +57,7 @@
   top: 0;
   bottom: 0;
   background-color: var(--g-sub-sidebar-bg);
-  background-image: linear-gradient(180deg, #71b5ff, #4384ff);
+  background-image: linear-gradient(180deg, #008d68, #008d68);
   box-shadow: 10px 0 10px -10px var(--g-box-shadow-color);
   transition: background-color 0.3s, var(--el-transition-box-shadow), left 0.3s, width 0.3s;
 
@@ -77,7 +77,7 @@
 
   .sidebar-logo {
     transition: box-shadow 0.2s, background-color 0.3s, color 0.3s;
-    background-color: var(--g-sub-sidebar-bg);
+    // background-color: var(--g-sub-sidebar-bg);
 
     &:not(.sidebar-logo-bg) {
       :deep(span) {
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f4b6911..242a6e1 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -83,7 +83,7 @@
   justify-content: space-between;
   height: var(--g-topbar-height);
   transition: width 0.3s, top 0.3s, transform 0.3s, background-color 0.3s, var(--el-transition-box-shadow);
-  background-image: linear-gradient(90deg, #71b5ff 30%, #3d7eff);
+  background-image: linear-gradient(90deg, #008d68 30%, #008d68);
 
   .topbar-container-inner {
     width: 100%;
diff --git a/src/views/count/list.vue b/src/views/count/list.vue
index 82842f1..2e5cb8c 100644
--- a/src/views/count/list.vue
+++ b/src/views/count/list.vue
@@ -74,7 +74,7 @@
 
     .child {
       padding-left: 40px;
-      color: dodgerblue;
+      color: #008d68;
       line-height: 1.5;
 
       &:hover {

diff --git a/src/App.vue b/src/App.vue
index 52ccd6e..ec22623 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -88,6 +88,14 @@
   hotkeys('alt+i', () => {
     eventBus.emit('global-system-info-toggle')
   })
+  document.body.style.setProperty('--el-color-primary', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-active-color', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-hover-color', '#008D68')
+  document.body.style.setProperty('--color', '#008D68')
+  document.body.style.setProperty('--el-button-hover-bg-color', '#41A877')
 })
 </script>
 
diff --git a/src/assets/icons/icon-add.svg b/src/assets/icons/icon-add.svg
index d14fe55..62c0d18 100644
--- a/src/assets/icons/icon-add.svg
+++ b/src/assets/icons/icon-add.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">
-  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
+  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" fill="#008D68" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
 </svg>
diff --git a/src/assets/images/logo-1.png b/src/assets/images/logo-1.png
new file mode 100644
index 0000000..86e8a4f
--- /dev/null
+++ b/src/assets/images/logo-1.png
Binary files differ
diff --git a/src/components/IconButton/index.vue b/src/components/IconButton/index.vue
index 7d52574..4b63798 100644
--- a/src/components/IconButton/index.vue
+++ b/src/components/IconButton/index.vue
@@ -36,7 +36,7 @@
   border-color: #d6e5fc;
   padding: 6px;
   border-radius: 6px;
-  color: #4384ff;
+  color: #008d68;
 
   :deep(.el-icon) {
     width: 18px;
@@ -46,6 +46,11 @@
   .icon-button-icon {
     width: 16px;
     height: 16px;
+    background-color: "#008D68";
+
+    use {
+      fill: "#008D68";
+    }
   }
 
   &:hover {
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index 01a2257..f47e263 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -40,7 +40,7 @@
 </script>
 
 <template>
-  <Icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
+  <icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
   <svg v-else :style="transformStyle" aria-hidden="true">
     <use :xlink:href="`#icon-${name}`" />
   </svg>
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index 63ee0a9..5e8c15f 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -17,15 +17,15 @@
 const mouseTool = ref()
 // 区域数组
 const pathArr = ref([
-  [121.546266, 29.80975],
-  [121.54543, 29.806845],
-  [121.548713, 29.806752],
-  [121.549957, 29.809508],
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
 ])
 // 区域点数组
 const markerArr = ref([
-  [121.548181, 29.808806],
-  [121.548281, 29.807806],
+  [111.737806, 40.83676],
+  [111.737916, 40.83656],
 ])
 
 // 初始化地图
@@ -40,7 +40,7 @@
       map.value = new AMap.Map('map', {
         viewMode: '2D', //  是否为3D地图模式
         zoom: 16, // 初始化地图级别
-        center: [121.548181, 29.808806],
+        center: [111.737906, 40.83686],
         resizeEnable: true,
       })
       // 用来画区域的
diff --git a/src/layouts/components/Logo/index.vue b/src/layouts/components/Logo/index.vue
index bdcd228..3c9e6a1 100644
--- a/src/layouts/components/Logo/index.vue
+++ b/src/layouts/components/Logo/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup name="Logo">
-import imgLogo from '@/assets/images/logo.png'
+import imgLogo from '@/assets/images/logo-1.png'
 import useSettingsStore from '@/store/modules/settings'
 
 defineProps({
diff --git a/src/layouts/components/MainSidebar/index.vue b/src/layouts/components/MainSidebar/index.vue
index 40d4fa3..079cd34 100644
--- a/src/layouts/components/MainSidebar/index.vue
+++ b/src/layouts/components/MainSidebar/index.vue
@@ -12,7 +12,7 @@
 <template>
   <transition name="main-sidebar">
     <div v-if="settingsStore.menu.menuMode === 'side' || (settingsStore.mode === 'mobile' && settingsStore.menu.menuMode !== 'single')" class="main-sidebar-container">
-      <Logo :show-title="false" class="sidebar-logo" />
+      <logo :show-title="false" class="sidebar-logo" />
       <!-- 侧边栏模式（含主导航） -->
       <div class="nav">
         <template v-for="(item, index) in menuStore.allMenus">
@@ -55,7 +55,8 @@
 
   .sidebar-logo {
     transition: 0.3s;
-    background-color: var(--g-main-sidebar-bg);
+    // background-color: var(--g-main-sidebar-bg);
+    // background-image: linear-gradient(180deg, #589957, #41A877);
   }
 
   .nav {
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index b2c0d09..028e807 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -57,7 +57,7 @@
   top: 0;
   bottom: 0;
   background-color: var(--g-sub-sidebar-bg);
-  background-image: linear-gradient(180deg, #71b5ff, #4384ff);
+  background-image: linear-gradient(180deg, #008d68, #008d68);
   box-shadow: 10px 0 10px -10px var(--g-box-shadow-color);
   transition: background-color 0.3s, var(--el-transition-box-shadow), left 0.3s, width 0.3s;
 
@@ -77,7 +77,7 @@
 
   .sidebar-logo {
     transition: box-shadow 0.2s, background-color 0.3s, color 0.3s;
-    background-color: var(--g-sub-sidebar-bg);
+    // background-color: var(--g-sub-sidebar-bg);
 
     &:not(.sidebar-logo-bg) {
       :deep(span) {
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f4b6911..242a6e1 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -83,7 +83,7 @@
   justify-content: space-between;
   height: var(--g-topbar-height);
   transition: width 0.3s, top 0.3s, transform 0.3s, background-color 0.3s, var(--el-transition-box-shadow);
-  background-image: linear-gradient(90deg, #71b5ff 30%, #3d7eff);
+  background-image: linear-gradient(90deg, #008d68 30%, #008d68);
 
   .topbar-container-inner {
     width: 100%;
diff --git a/src/views/count/list.vue b/src/views/count/list.vue
index 82842f1..2e5cb8c 100644
--- a/src/views/count/list.vue
+++ b/src/views/count/list.vue
@@ -74,7 +74,7 @@
 
     .child {
       padding-left: 40px;
-      color: dodgerblue;
+      color: #008d68;
       line-height: 1.5;
 
       &:hover {
diff --git a/src/views/login.vue b/src/views/login.vue
index 1497ee2..e72a946 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -398,7 +398,7 @@
       width: 30px;
       height: 30px;
       border-radius: 4px;
-      background: url("../assets/images/logo.png") no-repeat;
+      background: url("../assets/images/logo-1.png") no-repeat;
       background-size: contain;
       box-shadow: var(--el-box-shadow-light);
     }

diff --git a/src/App.vue b/src/App.vue
index 52ccd6e..ec22623 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -88,6 +88,14 @@
   hotkeys('alt+i', () => {
     eventBus.emit('global-system-info-toggle')
   })
+  document.body.style.setProperty('--el-color-primary', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-bg', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-active-color', '#008D68')
+  document.body.style.setProperty('--g-sub-sidebar-menu-hover-color', '#008D68')
+  document.body.style.setProperty('--color', '#008D68')
+  document.body.style.setProperty('--el-button-hover-bg-color', '#41A877')
 })
 </script>
 
diff --git a/src/assets/icons/icon-add.svg b/src/assets/icons/icon-add.svg
index d14fe55..62c0d18 100644
--- a/src/assets/icons/icon-add.svg
+++ b/src/assets/icons/icon-add.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">
-  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
+  <image id="图层_1" data-name="图层 1" x="0" y="0" width="18" height="18" fill="#008D68" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABPUlEQVQ4jZWUvUpDQRCFPy8hoCA2NoqpBH+QgGAj+JM68QH0AYKi+Aw+haKFD+ATqK2ikD6gCHYRrVMpaZSjc2Wz2d3knuYOM+ecu7uzO2NbJ994WAZqwJRfMHSBO+DZTZaceBa4BOoRAx83QBN4Vz6z4hzQKmCCcVum/Te6ACoFTHJUTPtrVAV2EuQz4DRRl7aqM9pMkF6AY4tr9tMQNrJEd4SeE3cTvJlSpPAEfAKv3urGgUlgweOXQ0bnwFEg33TiK2DXLWaD/JEwcItDKzoEtoEv29qe5XVZVyNbCxoJK/YtO7lFYC3C72VDujHhxNMJ3odW9JAgzNvBCksJ3qOM2sA10IiQ+roTgB5vO+/aAdAZIghBmn0FudEbsA7cFjARVxpp+7qmuaLRkA82zSe3a4KejHj3dvv/APwA5jEyFnapf9MAAAAASUVORK5CYII="/>
 </svg>
diff --git a/src/assets/images/logo-1.png b/src/assets/images/logo-1.png
new file mode 100644
index 0000000..86e8a4f
--- /dev/null
+++ b/src/assets/images/logo-1.png
Binary files differ
diff --git a/src/components/IconButton/index.vue b/src/components/IconButton/index.vue
index 7d52574..4b63798 100644
--- a/src/components/IconButton/index.vue
+++ b/src/components/IconButton/index.vue
@@ -36,7 +36,7 @@
   border-color: #d6e5fc;
   padding: 6px;
   border-radius: 6px;
-  color: #4384ff;
+  color: #008d68;
 
   :deep(.el-icon) {
     width: 18px;
@@ -46,6 +46,11 @@
   .icon-button-icon {
     width: 16px;
     height: 16px;
+    background-color: "#008D68";
+
+    use {
+      fill: "#008D68";
+    }
   }
 
   &:hover {
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index 01a2257..f47e263 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -40,7 +40,7 @@
 </script>
 
 <template>
-  <Icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
+  <icon v-if="name.indexOf('ep:') === 0" :icon="name" :style="transformStyle" />
   <svg v-else :style="transformStyle" aria-hidden="true">
     <use :xlink:href="`#icon-${name}`" />
   </svg>
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index 63ee0a9..5e8c15f 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -17,15 +17,15 @@
 const mouseTool = ref()
 // 区域数组
 const pathArr = ref([
-  [121.546266, 29.80975],
-  [121.54543, 29.806845],
-  [121.548713, 29.806752],
-  [121.549957, 29.809508],
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
 ])
 // 区域点数组
 const markerArr = ref([
-  [121.548181, 29.808806],
-  [121.548281, 29.807806],
+  [111.737806, 40.83676],
+  [111.737916, 40.83656],
 ])
 
 // 初始化地图
@@ -40,7 +40,7 @@
       map.value = new AMap.Map('map', {
         viewMode: '2D', //  是否为3D地图模式
         zoom: 16, // 初始化地图级别
-        center: [121.548181, 29.808806],
+        center: [111.737906, 40.83686],
         resizeEnable: true,
       })
       // 用来画区域的
diff --git a/src/layouts/components/Logo/index.vue b/src/layouts/components/Logo/index.vue
index bdcd228..3c9e6a1 100644
--- a/src/layouts/components/Logo/index.vue
+++ b/src/layouts/components/Logo/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup name="Logo">
-import imgLogo from '@/assets/images/logo.png'
+import imgLogo from '@/assets/images/logo-1.png'
 import useSettingsStore from '@/store/modules/settings'
 
 defineProps({
diff --git a/src/layouts/components/MainSidebar/index.vue b/src/layouts/components/MainSidebar/index.vue
index 40d4fa3..079cd34 100644
--- a/src/layouts/components/MainSidebar/index.vue
+++ b/src/layouts/components/MainSidebar/index.vue
@@ -12,7 +12,7 @@
 <template>
   <transition name="main-sidebar">
     <div v-if="settingsStore.menu.menuMode === 'side' || (settingsStore.mode === 'mobile' && settingsStore.menu.menuMode !== 'single')" class="main-sidebar-container">
-      <Logo :show-title="false" class="sidebar-logo" />
+      <logo :show-title="false" class="sidebar-logo" />
       <!-- 侧边栏模式（含主导航） -->
       <div class="nav">
         <template v-for="(item, index) in menuStore.allMenus">
@@ -55,7 +55,8 @@
 
   .sidebar-logo {
     transition: 0.3s;
-    background-color: var(--g-main-sidebar-bg);
+    // background-color: var(--g-main-sidebar-bg);
+    // background-image: linear-gradient(180deg, #589957, #41A877);
   }
 
   .nav {
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index b2c0d09..028e807 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -57,7 +57,7 @@
   top: 0;
   bottom: 0;
   background-color: var(--g-sub-sidebar-bg);
-  background-image: linear-gradient(180deg, #71b5ff, #4384ff);
+  background-image: linear-gradient(180deg, #008d68, #008d68);
   box-shadow: 10px 0 10px -10px var(--g-box-shadow-color);
   transition: background-color 0.3s, var(--el-transition-box-shadow), left 0.3s, width 0.3s;
 
@@ -77,7 +77,7 @@
 
   .sidebar-logo {
     transition: box-shadow 0.2s, background-color 0.3s, color 0.3s;
-    background-color: var(--g-sub-sidebar-bg);
+    // background-color: var(--g-sub-sidebar-bg);
 
     &:not(.sidebar-logo-bg) {
       :deep(span) {
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f4b6911..242a6e1 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -83,7 +83,7 @@
   justify-content: space-between;
   height: var(--g-topbar-height);
   transition: width 0.3s, top 0.3s, transform 0.3s, background-color 0.3s, var(--el-transition-box-shadow);
-  background-image: linear-gradient(90deg, #71b5ff 30%, #3d7eff);
+  background-image: linear-gradient(90deg, #008d68 30%, #008d68);
 
   .topbar-container-inner {
     width: 100%;
diff --git a/src/views/count/list.vue b/src/views/count/list.vue
index 82842f1..2e5cb8c 100644
--- a/src/views/count/list.vue
+++ b/src/views/count/list.vue
@@ -74,7 +74,7 @@
 
     .child {
       padding-left: 40px;
-      color: dodgerblue;
+      color: #008d68;
       line-height: 1.5;
 
       &:hover {
diff --git a/src/views/login.vue b/src/views/login.vue
index 1497ee2..e72a946 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -398,7 +398,7 @@
       width: 30px;
       height: 30px;
       border-radius: 4px;
-      background: url("../assets/images/logo.png") no-repeat;
+      background: url("../assets/images/logo-1.png") no-repeat;
       background-size: contain;
       box-shadow: var(--el-box-shadow-light);
     }
diff --git a/src/views/login_register.vue b/src/views/login_register.vue
index e63b0e6..823e2f9 100644
--- a/src/views/login_register.vue
+++ b/src/views/login_register.vue
@@ -376,7 +376,7 @@
         </div>
       </el-form>
     </div>
-    <Copyright />
+    <copyright />
   </div>
 </template>
 
@@ -467,7 +467,7 @@
       width: 30px;
       height: 30px;
       border-radius: 4px;
-      background: url("../assets/images/logo.png") no-repeat;
+      background: url("../assets/images/logo-1.png") no-repeat;
       background-size: contain;
       box-shadow: var(--el-box-shadow-light);
     }