diff --git a/src/assets/images/header.png b/src/assets/images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/images/header.png
Binary files differ

diff --git a/src/assets/images/header.png b/src/assets/images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/images/header.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/bg.png b/src/assets/images/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/images/login_images/theme0/bg.png
Binary files differ

diff --git a/src/assets/images/header.png b/src/assets/images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/images/header.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/bg.png b/src/assets/images/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/images/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/left.jpg b/src/assets/images/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/images/login_images/theme0/left.jpg
Binary files differ

diff --git a/src/assets/images/header.png b/src/assets/images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/images/header.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/bg.png b/src/assets/images/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/images/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/left.jpg b/src/assets/images/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/images/login_images/theme0/left.jpg
Binary files differ
diff --git a/src/assets/images/login_images/theme1/background.png b/src/assets/images/login_images/theme1/background.png
new file mode 100644
index 0000000..9e7de75
--- /dev/null
+++ b/src/assets/images/login_images/theme1/background.png
Binary files differ

diff --git a/src/assets/images/header.png b/src/assets/images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/images/header.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/bg.png b/src/assets/images/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/images/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/left.jpg b/src/assets/images/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/images/login_images/theme0/left.jpg
Binary files differ
diff --git a/src/assets/images/login_images/theme1/background.png b/src/assets/images/login_images/theme1/background.png
new file mode 100644
index 0000000..9e7de75
--- /dev/null
+++ b/src/assets/images/login_images/theme1/background.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/leftImg.png b/src/assets/images/login_images/theme1/leftImg.png
new file mode 100644
index 0000000..ae7d911
--- /dev/null
+++ b/src/assets/images/login_images/theme1/leftImg.png
Binary files differ

diff --git a/src/assets/images/header.png b/src/assets/images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/images/header.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/bg.png b/src/assets/images/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/images/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/left.jpg b/src/assets/images/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/images/login_images/theme0/left.jpg
Binary files differ
diff --git a/src/assets/images/login_images/theme1/background.png b/src/assets/images/login_images/theme1/background.png
new file mode 100644
index 0000000..9e7de75
--- /dev/null
+++ b/src/assets/images/login_images/theme1/background.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/leftImg.png b/src/assets/images/login_images/theme1/leftImg.png
new file mode 100644
index 0000000..ae7d911
--- /dev/null
+++ b/src/assets/images/login_images/theme1/leftImg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/logo.png b/src/assets/images/login_images/theme1/logo.png
new file mode 100644
index 0000000..46e3614
--- /dev/null
+++ b/src/assets/images/login_images/theme1/logo.png
Binary files differ

diff --git a/src/assets/images/header.png b/src/assets/images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/images/header.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/bg.png b/src/assets/images/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/images/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/left.jpg b/src/assets/images/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/images/login_images/theme0/left.jpg
Binary files differ
diff --git a/src/assets/images/login_images/theme1/background.png b/src/assets/images/login_images/theme1/background.png
new file mode 100644
index 0000000..9e7de75
--- /dev/null
+++ b/src/assets/images/login_images/theme1/background.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/leftImg.png b/src/assets/images/login_images/theme1/leftImg.png
new file mode 100644
index 0000000..ae7d911
--- /dev/null
+++ b/src/assets/images/login_images/theme1/leftImg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/logo.png b/src/assets/images/login_images/theme1/logo.png
new file mode 100644
index 0000000..46e3614
--- /dev/null
+++ b/src/assets/images/login_images/theme1/logo.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-blue.png b/src/assets/images/login_images/theme2/bg-blue.png
new file mode 100644
index 0000000..a408d14
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-blue.png
Binary files differ

diff --git a/src/assets/images/header.png b/src/assets/images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/images/header.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/bg.png b/src/assets/images/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/images/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/left.jpg b/src/assets/images/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/images/login_images/theme0/left.jpg
Binary files differ
diff --git a/src/assets/images/login_images/theme1/background.png b/src/assets/images/login_images/theme1/background.png
new file mode 100644
index 0000000..9e7de75
--- /dev/null
+++ b/src/assets/images/login_images/theme1/background.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/leftImg.png b/src/assets/images/login_images/theme1/leftImg.png
new file mode 100644
index 0000000..ae7d911
--- /dev/null
+++ b/src/assets/images/login_images/theme1/leftImg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/logo.png b/src/assets/images/login_images/theme1/logo.png
new file mode 100644
index 0000000..46e3614
--- /dev/null
+++ b/src/assets/images/login_images/theme1/logo.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-blue.png b/src/assets/images/login_images/theme2/bg-blue.png
new file mode 100644
index 0000000..a408d14
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-blue.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-login.png b/src/assets/images/login_images/theme2/bg-login.png
new file mode 100644
index 0000000..390b452
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-login.png
Binary files differ

diff --git a/src/assets/images/header.png b/src/assets/images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/images/header.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/bg.png b/src/assets/images/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/images/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/left.jpg b/src/assets/images/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/images/login_images/theme0/left.jpg
Binary files differ
diff --git a/src/assets/images/login_images/theme1/background.png b/src/assets/images/login_images/theme1/background.png
new file mode 100644
index 0000000..9e7de75
--- /dev/null
+++ b/src/assets/images/login_images/theme1/background.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/leftImg.png b/src/assets/images/login_images/theme1/leftImg.png
new file mode 100644
index 0000000..ae7d911
--- /dev/null
+++ b/src/assets/images/login_images/theme1/leftImg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/logo.png b/src/assets/images/login_images/theme1/logo.png
new file mode 100644
index 0000000..46e3614
--- /dev/null
+++ b/src/assets/images/login_images/theme1/logo.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-blue.png b/src/assets/images/login_images/theme2/bg-blue.png
new file mode 100644
index 0000000..a408d14
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-blue.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-login.png b/src/assets/images/login_images/theme2/bg-login.png
new file mode 100644
index 0000000..390b452
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-login.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/small.png b/src/assets/images/login_images/theme2/small.png
new file mode 100644
index 0000000..7d425c4
--- /dev/null
+++ b/src/assets/images/login_images/theme2/small.png
Binary files differ

diff --git a/src/assets/images/header.png b/src/assets/images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/images/header.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/bg.png b/src/assets/images/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/images/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/left.jpg b/src/assets/images/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/images/login_images/theme0/left.jpg
Binary files differ
diff --git a/src/assets/images/login_images/theme1/background.png b/src/assets/images/login_images/theme1/background.png
new file mode 100644
index 0000000..9e7de75
--- /dev/null
+++ b/src/assets/images/login_images/theme1/background.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/leftImg.png b/src/assets/images/login_images/theme1/leftImg.png
new file mode 100644
index 0000000..ae7d911
--- /dev/null
+++ b/src/assets/images/login_images/theme1/leftImg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/logo.png b/src/assets/images/login_images/theme1/logo.png
new file mode 100644
index 0000000..46e3614
--- /dev/null
+++ b/src/assets/images/login_images/theme1/logo.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-blue.png b/src/assets/images/login_images/theme2/bg-blue.png
new file mode 100644
index 0000000..a408d14
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-blue.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-login.png b/src/assets/images/login_images/theme2/bg-login.png
new file mode 100644
index 0000000..390b452
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-login.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/small.png b/src/assets/images/login_images/theme2/small.png
new file mode 100644
index 0000000..7d425c4
--- /dev/null
+++ b/src/assets/images/login_images/theme2/small.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/title.png b/src/assets/images/login_images/theme2/title.png
new file mode 100644
index 0000000..718934c
--- /dev/null
+++ b/src/assets/images/login_images/theme2/title.png
Binary files differ

diff --git a/src/assets/images/header.png b/src/assets/images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/images/header.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/bg.png b/src/assets/images/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/images/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/left.jpg b/src/assets/images/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/images/login_images/theme0/left.jpg
Binary files differ
diff --git a/src/assets/images/login_images/theme1/background.png b/src/assets/images/login_images/theme1/background.png
new file mode 100644
index 0000000..9e7de75
--- /dev/null
+++ b/src/assets/images/login_images/theme1/background.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/leftImg.png b/src/assets/images/login_images/theme1/leftImg.png
new file mode 100644
index 0000000..ae7d911
--- /dev/null
+++ b/src/assets/images/login_images/theme1/leftImg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/logo.png b/src/assets/images/login_images/theme1/logo.png
new file mode 100644
index 0000000..46e3614
--- /dev/null
+++ b/src/assets/images/login_images/theme1/logo.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-blue.png b/src/assets/images/login_images/theme2/bg-blue.png
new file mode 100644
index 0000000..a408d14
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-blue.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-login.png b/src/assets/images/login_images/theme2/bg-login.png
new file mode 100644
index 0000000..390b452
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-login.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/small.png b/src/assets/images/login_images/theme2/small.png
new file mode 100644
index 0000000..7d425c4
--- /dev/null
+++ b/src/assets/images/login_images/theme2/small.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/title.png b/src/assets/images/login_images/theme2/title.png
new file mode 100644
index 0000000..718934c
--- /dev/null
+++ b/src/assets/images/login_images/theme2/title.png
Binary files differ
diff --git a/src/layouts/components/Header/index.vue b/src/layouts/components/Header/index.vue
index 88abc48..cc8874c 100644
--- a/src/layouts/components/Header/index.vue
+++ b/src/layouts/components/Header/index.vue
@@ -4,7 +4,7 @@
 import TopMenu from '../TopMenu/topMenu.vue'
 import useSettingsStore from '@/store/modules/settings'
 import useMenuStore from '@/store/modules/menu'
-import headerImage from '@/assets/images/header-image.png'
+import headerImage from '@/assets/images/header.png'
 
 const settingsStore = useSettingsStore()
 const menuStore = useMenuStore()

diff --git a/src/assets/images/header.png b/src/assets/images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/images/header.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/bg.png b/src/assets/images/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/images/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/left.jpg b/src/assets/images/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/images/login_images/theme0/left.jpg
Binary files differ
diff --git a/src/assets/images/login_images/theme1/background.png b/src/assets/images/login_images/theme1/background.png
new file mode 100644
index 0000000..9e7de75
--- /dev/null
+++ b/src/assets/images/login_images/theme1/background.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/leftImg.png b/src/assets/images/login_images/theme1/leftImg.png
new file mode 100644
index 0000000..ae7d911
--- /dev/null
+++ b/src/assets/images/login_images/theme1/leftImg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/logo.png b/src/assets/images/login_images/theme1/logo.png
new file mode 100644
index 0000000..46e3614
--- /dev/null
+++ b/src/assets/images/login_images/theme1/logo.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-blue.png b/src/assets/images/login_images/theme2/bg-blue.png
new file mode 100644
index 0000000..a408d14
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-blue.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-login.png b/src/assets/images/login_images/theme2/bg-login.png
new file mode 100644
index 0000000..390b452
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-login.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/small.png b/src/assets/images/login_images/theme2/small.png
new file mode 100644
index 0000000..7d425c4
--- /dev/null
+++ b/src/assets/images/login_images/theme2/small.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/title.png b/src/assets/images/login_images/theme2/title.png
new file mode 100644
index 0000000..718934c
--- /dev/null
+++ b/src/assets/images/login_images/theme2/title.png
Binary files differ
diff --git a/src/layouts/components/Header/index.vue b/src/layouts/components/Header/index.vue
index 88abc48..cc8874c 100644
--- a/src/layouts/components/Header/index.vue
+++ b/src/layouts/components/Header/index.vue
@@ -4,7 +4,7 @@
 import TopMenu from '../TopMenu/topMenu.vue'
 import useSettingsStore from '@/store/modules/settings'
 import useMenuStore from '@/store/modules/menu'
-import headerImage from '@/assets/images/header-image.png'
+import headerImage from '@/assets/images/header.png'
 
 const settingsStore = useSettingsStore()
 const menuStore = useMenuStore()
diff --git a/src/layouts/components/SidebarItem/index.vue b/src/layouts/components/SidebarItem/index.vue
index 86639ea..25ac3f8 100644
--- a/src/layouts/components/SidebarItem/index.vue
+++ b/src/layouts/components/SidebarItem/index.vue
@@ -89,7 +89,7 @@
     // margin: 4px 0;
     // margin: 14px 0;
     padding: 10px 0;
-    border-radius: 7px;
+    // border-radius: 7px;
     min-width: 160px;
     white-space: normal;
   }
@@ -136,42 +136,46 @@
 
 <style lang="scss">
 .el-menu--inline {
-  background-color: var(--g-sub-sidebar-menu-bg) !important;
+  // background-color: var(--g-sub-sidebar-menu-bg) !important;
+  background-color: rgb(48 65 86) !important;
   border-radius: 7px;
 
   .el-menu-item,
   .el-sub-menu > .el-sub-menu__title {
-    color: var(--g-sub-sidebar-menu-color);
-    background-color: var(--g-sub-sidebar-menu-bg) !important;
+    color: rgb(191 203 217);
+    // background-color: var(--g-sub-sidebar-menu-bg) !important;
+    background-color: #1f2d3d !important;
 
     &:hover {
-      color: var(--g-sub-sidebar-menu-hover-color) !important;
-      background-color: var(--g-sub-sidebar-menu-hover-bg) !important;
+      color: rgb(27 177 165) !important;
+      // background-color: var(--g-sub-sidebar-menu-hover-bg) !important;
+      background-color: #0d121a !important;
     }
   }
 }
 
 .el-menu-item,
 .el-sub-menu__title {
-  color: var(--g-sub-sidebar-menu-color) !important;
+  color: rgb(191 203 217) !important;
   background: transparent !important;
   height: 40px;
   // line-height: 40px;
   line-height: 20px;
-  margin: 4px 0;
-  border-radius: 7px;
+  // margin: 4px 0;
+  // border-radius: 7px;
 
   &:hover {
-    color: var(--g-sub-sidebar-menu-hover-color) !important;
-    background-color: var(--g-sub-sidebar-menu-hover-bg) !important;
+    color: var(--g-sub-sidebar-menu-color) !important;
+    // background-color: rgb(23 30 39 / 50%) !important;
+    background-color: #0d121a !important;
   }
 }
 
 .el-menu-item.is-active,
 .el-menu--collapse .el-sub-menu.is-active > .el-sub-menu__title,
 .el-sub-menu .el-menu--inline .el-menu-item.is-active {
-  color: var(--g-sub-sidebar-menu-active-color) !important;
-  background-color: var(--g-sub-sidebar-menu-active-bg) !important;
+  color: rgb(27 177 165) !important;
+  // background-color: var(--g-sub-sidebar-menu-active-bg) !important;
 
   .icon,
   .el-sub-menu__icon-arrow {

diff --git a/src/assets/images/header.png b/src/assets/images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/images/header.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/bg.png b/src/assets/images/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/images/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/left.jpg b/src/assets/images/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/images/login_images/theme0/left.jpg
Binary files differ
diff --git a/src/assets/images/login_images/theme1/background.png b/src/assets/images/login_images/theme1/background.png
new file mode 100644
index 0000000..9e7de75
--- /dev/null
+++ b/src/assets/images/login_images/theme1/background.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/leftImg.png b/src/assets/images/login_images/theme1/leftImg.png
new file mode 100644
index 0000000..ae7d911
--- /dev/null
+++ b/src/assets/images/login_images/theme1/leftImg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/logo.png b/src/assets/images/login_images/theme1/logo.png
new file mode 100644
index 0000000..46e3614
--- /dev/null
+++ b/src/assets/images/login_images/theme1/logo.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-blue.png b/src/assets/images/login_images/theme2/bg-blue.png
new file mode 100644
index 0000000..a408d14
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-blue.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-login.png b/src/assets/images/login_images/theme2/bg-login.png
new file mode 100644
index 0000000..390b452
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-login.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/small.png b/src/assets/images/login_images/theme2/small.png
new file mode 100644
index 0000000..7d425c4
--- /dev/null
+++ b/src/assets/images/login_images/theme2/small.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/title.png b/src/assets/images/login_images/theme2/title.png
new file mode 100644
index 0000000..718934c
--- /dev/null
+++ b/src/assets/images/login_images/theme2/title.png
Binary files differ
diff --git a/src/layouts/components/Header/index.vue b/src/layouts/components/Header/index.vue
index 88abc48..cc8874c 100644
--- a/src/layouts/components/Header/index.vue
+++ b/src/layouts/components/Header/index.vue
@@ -4,7 +4,7 @@
 import TopMenu from '../TopMenu/topMenu.vue'
 import useSettingsStore from '@/store/modules/settings'
 import useMenuStore from '@/store/modules/menu'
-import headerImage from '@/assets/images/header-image.png'
+import headerImage from '@/assets/images/header.png'
 
 const settingsStore = useSettingsStore()
 const menuStore = useMenuStore()
diff --git a/src/layouts/components/SidebarItem/index.vue b/src/layouts/components/SidebarItem/index.vue
index 86639ea..25ac3f8 100644
--- a/src/layouts/components/SidebarItem/index.vue
+++ b/src/layouts/components/SidebarItem/index.vue
@@ -89,7 +89,7 @@
     // margin: 4px 0;
     // margin: 14px 0;
     padding: 10px 0;
-    border-radius: 7px;
+    // border-radius: 7px;
     min-width: 160px;
     white-space: normal;
   }
@@ -136,42 +136,46 @@
 
 <style lang="scss">
 .el-menu--inline {
-  background-color: var(--g-sub-sidebar-menu-bg) !important;
+  // background-color: var(--g-sub-sidebar-menu-bg) !important;
+  background-color: rgb(48 65 86) !important;
   border-radius: 7px;
 
   .el-menu-item,
   .el-sub-menu > .el-sub-menu__title {
-    color: var(--g-sub-sidebar-menu-color);
-    background-color: var(--g-sub-sidebar-menu-bg) !important;
+    color: rgb(191 203 217);
+    // background-color: var(--g-sub-sidebar-menu-bg) !important;
+    background-color: #1f2d3d !important;
 
     &:hover {
-      color: var(--g-sub-sidebar-menu-hover-color) !important;
-      background-color: var(--g-sub-sidebar-menu-hover-bg) !important;
+      color: rgb(27 177 165) !important;
+      // background-color: var(--g-sub-sidebar-menu-hover-bg) !important;
+      background-color: #0d121a !important;
     }
   }
 }
 
 .el-menu-item,
 .el-sub-menu__title {
-  color: var(--g-sub-sidebar-menu-color) !important;
+  color: rgb(191 203 217) !important;
   background: transparent !important;
   height: 40px;
   // line-height: 40px;
   line-height: 20px;
-  margin: 4px 0;
-  border-radius: 7px;
+  // margin: 4px 0;
+  // border-radius: 7px;
 
   &:hover {
-    color: var(--g-sub-sidebar-menu-hover-color) !important;
-    background-color: var(--g-sub-sidebar-menu-hover-bg) !important;
+    color: var(--g-sub-sidebar-menu-color) !important;
+    // background-color: rgb(23 30 39 / 50%) !important;
+    background-color: #0d121a !important;
   }
 }
 
 .el-menu-item.is-active,
 .el-menu--collapse .el-sub-menu.is-active > .el-sub-menu__title,
 .el-sub-menu .el-menu--inline .el-menu-item.is-active {
-  color: var(--g-sub-sidebar-menu-active-color) !important;
-  background-color: var(--g-sub-sidebar-menu-active-bg) !important;
+  color: rgb(27 177 165) !important;
+  // background-color: var(--g-sub-sidebar-menu-active-bg) !important;
 
   .icon,
   .el-sub-menu__icon-arrow {
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index 20ef219..7c65cb1 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -56,8 +56,9 @@
   left: 0;
   top: 0;
   bottom: 0;
-  background-color: var(--g-sub-sidebar-bg);
-  background-image: linear-gradient(180deg, #71b5ff, #4384ff);
+  background-color: rgb(48 65 86);
+  // background-color: var(--g-sub-sidebar-bg);
+  // background-image: linear-gradient(180deg, #71b5ff, #4384ff);
   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;
 
@@ -120,8 +121,8 @@
         // height: 40px;
         // line-height: 40px;
         height: fit-content !important;
-        margin: 4px 0;
-        border-radius: 7px;
+        // margin: 4px 0;
+        // border-radius: 7px;
 
         span,
         .el-sub-menu__icon-arrow {

diff --git a/src/assets/images/header.png b/src/assets/images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/images/header.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/bg.png b/src/assets/images/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/images/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/left.jpg b/src/assets/images/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/images/login_images/theme0/left.jpg
Binary files differ
diff --git a/src/assets/images/login_images/theme1/background.png b/src/assets/images/login_images/theme1/background.png
new file mode 100644
index 0000000..9e7de75
--- /dev/null
+++ b/src/assets/images/login_images/theme1/background.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/leftImg.png b/src/assets/images/login_images/theme1/leftImg.png
new file mode 100644
index 0000000..ae7d911
--- /dev/null
+++ b/src/assets/images/login_images/theme1/leftImg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/logo.png b/src/assets/images/login_images/theme1/logo.png
new file mode 100644
index 0000000..46e3614
--- /dev/null
+++ b/src/assets/images/login_images/theme1/logo.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-blue.png b/src/assets/images/login_images/theme2/bg-blue.png
new file mode 100644
index 0000000..a408d14
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-blue.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-login.png b/src/assets/images/login_images/theme2/bg-login.png
new file mode 100644
index 0000000..390b452
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-login.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/small.png b/src/assets/images/login_images/theme2/small.png
new file mode 100644
index 0000000..7d425c4
--- /dev/null
+++ b/src/assets/images/login_images/theme2/small.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/title.png b/src/assets/images/login_images/theme2/title.png
new file mode 100644
index 0000000..718934c
--- /dev/null
+++ b/src/assets/images/login_images/theme2/title.png
Binary files differ
diff --git a/src/layouts/components/Header/index.vue b/src/layouts/components/Header/index.vue
index 88abc48..cc8874c 100644
--- a/src/layouts/components/Header/index.vue
+++ b/src/layouts/components/Header/index.vue
@@ -4,7 +4,7 @@
 import TopMenu from '../TopMenu/topMenu.vue'
 import useSettingsStore from '@/store/modules/settings'
 import useMenuStore from '@/store/modules/menu'
-import headerImage from '@/assets/images/header-image.png'
+import headerImage from '@/assets/images/header.png'
 
 const settingsStore = useSettingsStore()
 const menuStore = useMenuStore()
diff --git a/src/layouts/components/SidebarItem/index.vue b/src/layouts/components/SidebarItem/index.vue
index 86639ea..25ac3f8 100644
--- a/src/layouts/components/SidebarItem/index.vue
+++ b/src/layouts/components/SidebarItem/index.vue
@@ -89,7 +89,7 @@
     // margin: 4px 0;
     // margin: 14px 0;
     padding: 10px 0;
-    border-radius: 7px;
+    // border-radius: 7px;
     min-width: 160px;
     white-space: normal;
   }
@@ -136,42 +136,46 @@
 
 <style lang="scss">
 .el-menu--inline {
-  background-color: var(--g-sub-sidebar-menu-bg) !important;
+  // background-color: var(--g-sub-sidebar-menu-bg) !important;
+  background-color: rgb(48 65 86) !important;
   border-radius: 7px;
 
   .el-menu-item,
   .el-sub-menu > .el-sub-menu__title {
-    color: var(--g-sub-sidebar-menu-color);
-    background-color: var(--g-sub-sidebar-menu-bg) !important;
+    color: rgb(191 203 217);
+    // background-color: var(--g-sub-sidebar-menu-bg) !important;
+    background-color: #1f2d3d !important;
 
     &:hover {
-      color: var(--g-sub-sidebar-menu-hover-color) !important;
-      background-color: var(--g-sub-sidebar-menu-hover-bg) !important;
+      color: rgb(27 177 165) !important;
+      // background-color: var(--g-sub-sidebar-menu-hover-bg) !important;
+      background-color: #0d121a !important;
     }
   }
 }
 
 .el-menu-item,
 .el-sub-menu__title {
-  color: var(--g-sub-sidebar-menu-color) !important;
+  color: rgb(191 203 217) !important;
   background: transparent !important;
   height: 40px;
   // line-height: 40px;
   line-height: 20px;
-  margin: 4px 0;
-  border-radius: 7px;
+  // margin: 4px 0;
+  // border-radius: 7px;
 
   &:hover {
-    color: var(--g-sub-sidebar-menu-hover-color) !important;
-    background-color: var(--g-sub-sidebar-menu-hover-bg) !important;
+    color: var(--g-sub-sidebar-menu-color) !important;
+    // background-color: rgb(23 30 39 / 50%) !important;
+    background-color: #0d121a !important;
   }
 }
 
 .el-menu-item.is-active,
 .el-menu--collapse .el-sub-menu.is-active > .el-sub-menu__title,
 .el-sub-menu .el-menu--inline .el-menu-item.is-active {
-  color: var(--g-sub-sidebar-menu-active-color) !important;
-  background-color: var(--g-sub-sidebar-menu-active-bg) !important;
+  color: rgb(27 177 165) !important;
+  // background-color: var(--g-sub-sidebar-menu-active-bg) !important;
 
   .icon,
   .el-sub-menu__icon-arrow {
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index 20ef219..7c65cb1 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -56,8 +56,9 @@
   left: 0;
   top: 0;
   bottom: 0;
-  background-color: var(--g-sub-sidebar-bg);
-  background-image: linear-gradient(180deg, #71b5ff, #4384ff);
+  background-color: rgb(48 65 86);
+  // background-color: var(--g-sub-sidebar-bg);
+  // background-image: linear-gradient(180deg, #71b5ff, #4384ff);
   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;
 
@@ -120,8 +121,8 @@
         // height: 40px;
         // line-height: 40px;
         height: fit-content !important;
-        margin: 4px 0;
-        border-radius: 7px;
+        // margin: 4px 0;
+        // border-radius: 7px;
 
         span,
         .el-sub-menu__icon-arrow {
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index 2863cef..3c4fe75 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -86,7 +86,7 @@
 
   .topbar-container-inner {
     width: 100%;
-    border-radius: 15px 10px 0 0;
+    // border-radius: 15px 10px 0 0;
     background-color: var(--g-toolbar-bg);
     // background-color: #f1f2f6;
   }

diff --git a/src/assets/images/header.png b/src/assets/images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/images/header.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/bg.png b/src/assets/images/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/images/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/left.jpg b/src/assets/images/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/images/login_images/theme0/left.jpg
Binary files differ
diff --git a/src/assets/images/login_images/theme1/background.png b/src/assets/images/login_images/theme1/background.png
new file mode 100644
index 0000000..9e7de75
--- /dev/null
+++ b/src/assets/images/login_images/theme1/background.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/leftImg.png b/src/assets/images/login_images/theme1/leftImg.png
new file mode 100644
index 0000000..ae7d911
--- /dev/null
+++ b/src/assets/images/login_images/theme1/leftImg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/logo.png b/src/assets/images/login_images/theme1/logo.png
new file mode 100644
index 0000000..46e3614
--- /dev/null
+++ b/src/assets/images/login_images/theme1/logo.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-blue.png b/src/assets/images/login_images/theme2/bg-blue.png
new file mode 100644
index 0000000..a408d14
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-blue.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-login.png b/src/assets/images/login_images/theme2/bg-login.png
new file mode 100644
index 0000000..390b452
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-login.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/small.png b/src/assets/images/login_images/theme2/small.png
new file mode 100644
index 0000000..7d425c4
--- /dev/null
+++ b/src/assets/images/login_images/theme2/small.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/title.png b/src/assets/images/login_images/theme2/title.png
new file mode 100644
index 0000000..718934c
--- /dev/null
+++ b/src/assets/images/login_images/theme2/title.png
Binary files differ
diff --git a/src/layouts/components/Header/index.vue b/src/layouts/components/Header/index.vue
index 88abc48..cc8874c 100644
--- a/src/layouts/components/Header/index.vue
+++ b/src/layouts/components/Header/index.vue
@@ -4,7 +4,7 @@
 import TopMenu from '../TopMenu/topMenu.vue'
 import useSettingsStore from '@/store/modules/settings'
 import useMenuStore from '@/store/modules/menu'
-import headerImage from '@/assets/images/header-image.png'
+import headerImage from '@/assets/images/header.png'
 
 const settingsStore = useSettingsStore()
 const menuStore = useMenuStore()
diff --git a/src/layouts/components/SidebarItem/index.vue b/src/layouts/components/SidebarItem/index.vue
index 86639ea..25ac3f8 100644
--- a/src/layouts/components/SidebarItem/index.vue
+++ b/src/layouts/components/SidebarItem/index.vue
@@ -89,7 +89,7 @@
     // margin: 4px 0;
     // margin: 14px 0;
     padding: 10px 0;
-    border-radius: 7px;
+    // border-radius: 7px;
     min-width: 160px;
     white-space: normal;
   }
@@ -136,42 +136,46 @@
 
 <style lang="scss">
 .el-menu--inline {
-  background-color: var(--g-sub-sidebar-menu-bg) !important;
+  // background-color: var(--g-sub-sidebar-menu-bg) !important;
+  background-color: rgb(48 65 86) !important;
   border-radius: 7px;
 
   .el-menu-item,
   .el-sub-menu > .el-sub-menu__title {
-    color: var(--g-sub-sidebar-menu-color);
-    background-color: var(--g-sub-sidebar-menu-bg) !important;
+    color: rgb(191 203 217);
+    // background-color: var(--g-sub-sidebar-menu-bg) !important;
+    background-color: #1f2d3d !important;
 
     &:hover {
-      color: var(--g-sub-sidebar-menu-hover-color) !important;
-      background-color: var(--g-sub-sidebar-menu-hover-bg) !important;
+      color: rgb(27 177 165) !important;
+      // background-color: var(--g-sub-sidebar-menu-hover-bg) !important;
+      background-color: #0d121a !important;
     }
   }
 }
 
 .el-menu-item,
 .el-sub-menu__title {
-  color: var(--g-sub-sidebar-menu-color) !important;
+  color: rgb(191 203 217) !important;
   background: transparent !important;
   height: 40px;
   // line-height: 40px;
   line-height: 20px;
-  margin: 4px 0;
-  border-radius: 7px;
+  // margin: 4px 0;
+  // border-radius: 7px;
 
   &:hover {
-    color: var(--g-sub-sidebar-menu-hover-color) !important;
-    background-color: var(--g-sub-sidebar-menu-hover-bg) !important;
+    color: var(--g-sub-sidebar-menu-color) !important;
+    // background-color: rgb(23 30 39 / 50%) !important;
+    background-color: #0d121a !important;
   }
 }
 
 .el-menu-item.is-active,
 .el-menu--collapse .el-sub-menu.is-active > .el-sub-menu__title,
 .el-sub-menu .el-menu--inline .el-menu-item.is-active {
-  color: var(--g-sub-sidebar-menu-active-color) !important;
-  background-color: var(--g-sub-sidebar-menu-active-bg) !important;
+  color: rgb(27 177 165) !important;
+  // background-color: var(--g-sub-sidebar-menu-active-bg) !important;
 
   .icon,
   .el-sub-menu__icon-arrow {
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index 20ef219..7c65cb1 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -56,8 +56,9 @@
   left: 0;
   top: 0;
   bottom: 0;
-  background-color: var(--g-sub-sidebar-bg);
-  background-image: linear-gradient(180deg, #71b5ff, #4384ff);
+  background-color: rgb(48 65 86);
+  // background-color: var(--g-sub-sidebar-bg);
+  // background-image: linear-gradient(180deg, #71b5ff, #4384ff);
   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;
 
@@ -120,8 +121,8 @@
         // height: 40px;
         // line-height: 40px;
         height: fit-content !important;
-        margin: 4px 0;
-        border-radius: 7px;
+        // margin: 4px 0;
+        // border-radius: 7px;
 
         span,
         .el-sub-menu__icon-arrow {
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index 2863cef..3c4fe75 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -86,7 +86,7 @@
 
   .topbar-container-inner {
     width: 100%;
-    border-radius: 15px 10px 0 0;
+    // border-radius: 15px 10px 0 0;
     background-color: var(--g-toolbar-bg);
     // background-color: #f1f2f6;
   }
diff --git a/src/settings.default.ts b/src/settings.default.ts
index 6442dc3..20eea17 100644
--- a/src/settings.default.ts
+++ b/src/settings.default.ts
@@ -6,7 +6,7 @@
   app: {
     colorScheme: 'light',
     elementSize: 'default',
-    enableLogo: false,
+    enableLogo: true,
     iconifyOfflineUse: false,
     enablePermission: false,
     enableProgress: true,

diff --git a/src/assets/images/header.png b/src/assets/images/header.png
new file mode 100644
index 0000000..4d694a8
--- /dev/null
+++ b/src/assets/images/header.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/bg.png b/src/assets/images/login_images/theme0/bg.png
new file mode 100644
index 0000000..c518e9d
--- /dev/null
+++ b/src/assets/images/login_images/theme0/bg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme0/left.jpg b/src/assets/images/login_images/theme0/left.jpg
new file mode 100644
index 0000000..35ba6f0
--- /dev/null
+++ b/src/assets/images/login_images/theme0/left.jpg
Binary files differ
diff --git a/src/assets/images/login_images/theme1/background.png b/src/assets/images/login_images/theme1/background.png
new file mode 100644
index 0000000..9e7de75
--- /dev/null
+++ b/src/assets/images/login_images/theme1/background.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/leftImg.png b/src/assets/images/login_images/theme1/leftImg.png
new file mode 100644
index 0000000..ae7d911
--- /dev/null
+++ b/src/assets/images/login_images/theme1/leftImg.png
Binary files differ
diff --git a/src/assets/images/login_images/theme1/logo.png b/src/assets/images/login_images/theme1/logo.png
new file mode 100644
index 0000000..46e3614
--- /dev/null
+++ b/src/assets/images/login_images/theme1/logo.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-blue.png b/src/assets/images/login_images/theme2/bg-blue.png
new file mode 100644
index 0000000..a408d14
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-blue.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/bg-login.png b/src/assets/images/login_images/theme2/bg-login.png
new file mode 100644
index 0000000..390b452
--- /dev/null
+++ b/src/assets/images/login_images/theme2/bg-login.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/small.png b/src/assets/images/login_images/theme2/small.png
new file mode 100644
index 0000000..7d425c4
--- /dev/null
+++ b/src/assets/images/login_images/theme2/small.png
Binary files differ
diff --git a/src/assets/images/login_images/theme2/title.png b/src/assets/images/login_images/theme2/title.png
new file mode 100644
index 0000000..718934c
--- /dev/null
+++ b/src/assets/images/login_images/theme2/title.png
Binary files differ
diff --git a/src/layouts/components/Header/index.vue b/src/layouts/components/Header/index.vue
index 88abc48..cc8874c 100644
--- a/src/layouts/components/Header/index.vue
+++ b/src/layouts/components/Header/index.vue
@@ -4,7 +4,7 @@
 import TopMenu from '../TopMenu/topMenu.vue'
 import useSettingsStore from '@/store/modules/settings'
 import useMenuStore from '@/store/modules/menu'
-import headerImage from '@/assets/images/header-image.png'
+import headerImage from '@/assets/images/header.png'
 
 const settingsStore = useSettingsStore()
 const menuStore = useMenuStore()
diff --git a/src/layouts/components/SidebarItem/index.vue b/src/layouts/components/SidebarItem/index.vue
index 86639ea..25ac3f8 100644
--- a/src/layouts/components/SidebarItem/index.vue
+++ b/src/layouts/components/SidebarItem/index.vue
@@ -89,7 +89,7 @@
     // margin: 4px 0;
     // margin: 14px 0;
     padding: 10px 0;
-    border-radius: 7px;
+    // border-radius: 7px;
     min-width: 160px;
     white-space: normal;
   }
@@ -136,42 +136,46 @@
 
 <style lang="scss">
 .el-menu--inline {
-  background-color: var(--g-sub-sidebar-menu-bg) !important;
+  // background-color: var(--g-sub-sidebar-menu-bg) !important;
+  background-color: rgb(48 65 86) !important;
   border-radius: 7px;
 
   .el-menu-item,
   .el-sub-menu > .el-sub-menu__title {
-    color: var(--g-sub-sidebar-menu-color);
-    background-color: var(--g-sub-sidebar-menu-bg) !important;
+    color: rgb(191 203 217);
+    // background-color: var(--g-sub-sidebar-menu-bg) !important;
+    background-color: #1f2d3d !important;
 
     &:hover {
-      color: var(--g-sub-sidebar-menu-hover-color) !important;
-      background-color: var(--g-sub-sidebar-menu-hover-bg) !important;
+      color: rgb(27 177 165) !important;
+      // background-color: var(--g-sub-sidebar-menu-hover-bg) !important;
+      background-color: #0d121a !important;
     }
   }
 }
 
 .el-menu-item,
 .el-sub-menu__title {
-  color: var(--g-sub-sidebar-menu-color) !important;
+  color: rgb(191 203 217) !important;
   background: transparent !important;
   height: 40px;
   // line-height: 40px;
   line-height: 20px;
-  margin: 4px 0;
-  border-radius: 7px;
+  // margin: 4px 0;
+  // border-radius: 7px;
 
   &:hover {
-    color: var(--g-sub-sidebar-menu-hover-color) !important;
-    background-color: var(--g-sub-sidebar-menu-hover-bg) !important;
+    color: var(--g-sub-sidebar-menu-color) !important;
+    // background-color: rgb(23 30 39 / 50%) !important;
+    background-color: #0d121a !important;
   }
 }
 
 .el-menu-item.is-active,
 .el-menu--collapse .el-sub-menu.is-active > .el-sub-menu__title,
 .el-sub-menu .el-menu--inline .el-menu-item.is-active {
-  color: var(--g-sub-sidebar-menu-active-color) !important;
-  background-color: var(--g-sub-sidebar-menu-active-bg) !important;
+  color: rgb(27 177 165) !important;
+  // background-color: var(--g-sub-sidebar-menu-active-bg) !important;
 
   .icon,
   .el-sub-menu__icon-arrow {
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index 20ef219..7c65cb1 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -56,8 +56,9 @@
   left: 0;
   top: 0;
   bottom: 0;
-  background-color: var(--g-sub-sidebar-bg);
-  background-image: linear-gradient(180deg, #71b5ff, #4384ff);
+  background-color: rgb(48 65 86);
+  // background-color: var(--g-sub-sidebar-bg);
+  // background-image: linear-gradient(180deg, #71b5ff, #4384ff);
   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;
 
@@ -120,8 +121,8 @@
         // height: 40px;
         // line-height: 40px;
         height: fit-content !important;
-        margin: 4px 0;
-        border-radius: 7px;
+        // margin: 4px 0;
+        // border-radius: 7px;
 
         span,
         .el-sub-menu__icon-arrow {
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index 2863cef..3c4fe75 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -86,7 +86,7 @@
 
   .topbar-container-inner {
     width: 100%;
-    border-radius: 15px 10px 0 0;
+    // border-radius: 15px 10px 0 0;
     background-color: var(--g-toolbar-bg);
     // background-color: #f1f2f6;
   }
diff --git a/src/settings.default.ts b/src/settings.default.ts
index 6442dc3..20eea17 100644
--- a/src/settings.default.ts
+++ b/src/settings.default.ts
@@ -6,7 +6,7 @@
   app: {
     colorScheme: 'light',
     elementSize: 'default',
-    enableLogo: false,
+    enableLogo: true,
     iconifyOfflineUse: false,
     enablePermission: false,
     enableProgress: true,
diff --git a/src/views/login.vue b/src/views/login.vue
index 5917ee2..92f6855 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -17,7 +17,6 @@
 const userStore = useUserStore()
 
 const banner = new URL('../assets/images/login-banner.png', import.meta.url)
-  .href
 const title = import.meta.env.VITE_APP_TITLE
 
 // 表单类型，login 登录，reset 重置密码
@@ -209,26 +208,29 @@
 </script>
 
 <template>
-  <div>
-    <div class="bg-top-banner">
-      行政问效综合评价平台
-    </div>
-    <div class="bg-banner" />
-    <div id="login-box">
-      <el-form
-        v-show="formType === 'login'"
-        ref="loginFormRef"
-        :model="loginForm"
-        :rules="loginRules"
-        class="login-form"
-        autocomplete="on"
-      >
-        <div class="title-container">
+  <div class="login-container">
+    <div class="login-div">
+      <div id="left-div" class="left-div">
+        <div class="logo-div">
+          <img>
+        </div>
+        <div class="title-div">
           <h3 class="title">
-            用户登录
+            行政问效综合评价平台
           </h3>
         </div>
-        <div>
+      </div>
+      <div ref="element" class="right-div">
+        <el-form
+          id="login-form" ref="loginFormRef"
+          :model="loginForm"
+          :rules="loginRules"
+          class="login-form"
+          autocomplete="on" auto-complete="on" label-position="right"
+        >
+          <h5 class="login-title">
+            登录
+          </h5>
           <el-form-item prop="username">
             <el-input
               ref="name"
@@ -236,6 +238,7 @@
               placeholder="用户名"
               text
               tabindex="1"
+              style="width: 100%;"
               autocomplete="on"
             >
               <template #prefix>
@@ -253,6 +256,7 @@
               placeholder="密码"
               tabindex="2"
               autocomplete="on"
+              style="width: 100%;"
               @keyup.enter="handleLogin"
             >
               <template #prefix>
@@ -263,249 +267,182 @@
               <template #suffix>
                 <el-icon>
                   <svg-icon
-                    :name="passwordType === 'password' ? 'eye' : 'eye-open'"
+                    :name="passwordType === 'password' ? 'ep:eye' : 'ep:eye-open'"
                     @click="showPassword(loginPasswordRef)"
                   />
                 </el-icon>
               </template>
             </el-input>
           </el-form-item>
-        </div>
-        <div class="flex-bar">
-          <el-checkbox v-model="loginForm.remember">
-            记住我
-          </el-checkbox>
-        </div>
-        <el-button
-          :loading="loading"
-          type="primary"
-          size="large"
-          style="width: 100%;"
-          @click.prevent="handleLogin"
-        >
-          登录
-        </el-button>
-        <div
-          v-if="showKaptcha"
-          style="margin-top: 20px; margin-bottom: -20px; text-align: center;"
-        >
-          <el-divider>演示账号一键登录</el-divider>
-          <el-button
-            type="primary"
-            size="small"
-            plain
-            @click="testusername('admin')"
-          >
-            admin
-          </el-button>
-          <el-button size="small" plain @click="testusername('test')">
-            test
-          </el-button>
-        </div>
-      </el-form>
+          <el-form-item>
+            <el-button :loading="loading" type="primary" style="width: 100%;" @click.prevent="handleLogin">
+              登录
+            </el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="clear-div" />
     </div>
-    <copyright />
   </div>
 </template>
 
-<style lang="scss" scoped>
-[data-mode="mobile"] {
-  #login-box {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    top: inherit;
-    left: inherit;
-    transform: translateX(0) translateY(0);
-    flex-direction: column;
-    justify-content: start;
+<style rel="stylesheet/scss" lang="scss">
+  $bg: #fff;
+  $light_gray: #fff;
+  $dark_gray: #889aa4;
+
+  /* reset element-ui css */
+  .login-container {
+    background-image: url("../assets/images/login_images/theme0/bg.png");
+
+    .el-input {
+      display: inline-block;
+      height: 40px;
+      width: 85%;
+
+      input {
+        background: transparent;
+        border: 0;
+        appearance: none;
+        border-radius: 0;
+        padding: 8px 5px 8px 8px;
+        color: $dark_gray;
+        height: 40px;
+
+        &:-webkit-autofill {
+          box-shadow: 0 0 0 1000px $light_gray inset !important;
+          -webkit-text-fill-color: $dark_gray !important;
+        }
+      }
+    }
+
+    .el-form-item {
+      border: 1px solid #c5c5c5;
+      background: #fff;
+      border-radius: 5px;
+      color: #000;
+    }
+
+    .el-button {
+      line-height: 1.2;
+    }
+  }
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $bg: #fff;
+  $dark_gray: #889aa4;
+  $light_gray: #fff;
+
+  ::v-deep(.el-input__wrapper) {
+    border: none;
+    padding: 0;
     border-radius: 0;
     box-shadow: none;
+    width: 100%;
+  }
 
-    .login-banner {
-      width: 100%;
-      padding: 20px 0;
+  .login-container {
+    position: relative;
+    height: 100%;
+    width: 100%;
 
-      .banner {
-        position: relative;
-        right: inherit;
-        width: 100%;
-        max-width: 375px;
-        margin: 0 auto;
-        display: inherit;
-        top: inherit;
-        transform: translateY(0);
-      }
+    /* background: #000000 url("/static/images/login_images/bg.png") no-repeat; */
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    background-color: $bg;
+
+    .login-div {
+      /* height:385px; */
+      width: 800px;
+      position: absolute;
+      overflow: hidden;
+      left: 50%;
+      top: 50%;
+      margin-left: -400px;
+      margin-top: -220px;
+      border: 1px solid #889aa4;
+      border-radius: 3px;
+      box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 0 6px rgb(0 0 0 / 4%);
+    }
+
+    .left-div {
+      width: 60%;
+      float: left;
+      // height: 100%;
+      height: 258px;
+
+      /* background: url("/static/images/login_images/left.jpg"); */
+      background-image: url("../assets/images/login_images/theme0/left.jpg");
+      background-color: #ffff;
+    }
+
+    .title-div {
+      margin: 20px 30px 30px;
+    }
+
+    .title {
+      color: $light_gray;
+      font-size: 26px;
+      font-weight: 400;
+    }
+
+    .right-div {
+      width: 40%;
+      float: left;
+      background-color: white;
+    }
+
+    .clear-div {
+      clear: both;
     }
 
     .login-form {
-      width: 100%;
-      min-height: auto;
-      padding: 30px;
-    }
-  }
-
-  .copyright {
-    position: relative;
-    bottom: 0;
-    padding-bottom: 10px;
-  }
-}
-
-:deep(input[type="password"]::-ms-reveal) {
-  display: none;
-}
-
-.bg-top-banner {
-  position: fixed;
-  top: 0;
-  width: 100%;
-  height: 17vh;
-  z-index: 999;
-  line-height: 10vh;
-  text-align: center;
-  font-size: 30px;
-  color: #fff;
-  background:
-    url("../assets/images/login-image/banner.png") no-repeat
-    center / cover;
-}
-
-.bg-banner {
-  position: fixed;
-  z-index: 0;
-  width: 100%;
-  height: 100%;
-  // background: radial-gradient(circle at center, var(--el-fill-color-lighter), var(--el-bg-color-page));
-  background:
-    url("../assets/images/login-image/bg.png") no-repeat center /
-    cover;
-}
-
-#login-box {
-  display: flex;
-  justify-content: space-between;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translateX(-50%) translateY(-50%);
-  // background-color: var(--el-bg-color);
-
-  border-radius: 10px;
-  overflow: hidden;
-  box-shadow: var(--el-box-shadow);
-
-  .login-banner {
-    position: relative;
-    width: 450px;
-    background-color: var(--el-fill-color-light);
-    overflow: hidden;
-
-    .banner {
-      width: 100%;
-
-      @include position-center(y);
+      max-width: 100%;
+      padding: 15px 15px 5px;
+      margin: auto;
+      overflow: hidden;
+      border-radius: 3px;
+      box-shadow: 0 5px 8px rgb(0 0 0 / 12%), 0 0 10px rgb(0 0 0 / 4%);
     }
 
-    .logo {
-      position: absolute;
-      top: 20px;
-      left: 20px;
+    .tips {
+      font-size: 14px;
+
+      /* color: #fff; */
+      margin-bottom: 10px;
+
+      span {
+        &:first-of-type {
+          margin-right: 16px;
+        }
+      }
+    }
+
+    .svg-container {
+      padding: 0 3px 0 10px;
+      color: $dark_gray;
+      vertical-align: middle;
       width: 30px;
-      height: 30px;
-      border-radius: 4px;
-      background: url("../assets/images/logo.png") no-repeat;
-      background-size: contain;
-      box-shadow: var(--el-box-shadow-light);
+      display: inline-block;
+    }
+
+    .login-title {
+      font-size: 18px;
+      font-weight: 400;
+      color: #000;
+      margin: 10px auto 30px;
+      text-align: center;
+    }
+
+    .show-pwd {
+      position: absolute;
+      right: 10px;
+      top: 7px;
+      font-size: 16px;
+      color: $dark_gray;
+      cursor: pointer;
+      user-select: none;
     }
   }
-
-  .login-form {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    min-height: 500px;
-    width: 500px;
-    padding: 50px;
-    background:
-      url("../assets/images/login-image/frame.png") no-repeat
-      center / cover;
-    overflow: hidden;
-
-    .title-container {
-      position: relative;
-
-      .title {
-        font-size: 1.3em;
-        color: #fff;
-        margin: 0 auto 30px;
-        text-align: center;
-        font-weight: bold;
-      }
-    }
-  }
-
-  .el-form-item {
-    margin-bottom: 24px;
-
-    :deep(.el-input) {
-      height: 48px;
-      line-height: inherit;
-      width: 100%;
-
-      input {
-        height: 48px;
-      }
-
-      .el-input__prefix,
-      .el-input__suffix {
-        display: flex;
-        align-items: center;
-      }
-
-      .el-input__prefix {
-        left: 10px;
-      }
-
-      .el-input__suffix {
-        right: 10px;
-      }
-    }
-  }
-
-  .flex-bar {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 20px;
-  }
-
-  .sub-link {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: 20px;
-    font-size: 14px;
-    color: var(--el-text-color-secondary);
-
-    .text {
-      margin-right: 10px;
-    }
-  }
-}
-
-.copyright {
-  position: absolute;
-  bottom: 30px;
-  width: 100%;
-  margin: 0;
-}
-
-:deep .el-input__wrapper {
-  background-color: transparent !important;
-}
-
-:deep .el-input__inner {
-  color: #fff !important;
-}
 </style>