diff --git a/apps/mysql/metadata/logo.png b/apps/mysql/metadata/logo.png
index 73b55bd0d..a53df5fe1 100644
Binary files a/apps/mysql/metadata/logo.png and b/apps/mysql/metadata/logo.png differ
diff --git a/apps/phpmyadmin/metadata/logo.png b/apps/phpmyadmin/metadata/logo.png
index 0ddf21256..142046dda 100644
Binary files a/apps/phpmyadmin/metadata/logo.png and b/apps/phpmyadmin/metadata/logo.png differ
diff --git a/frontend/components.d.ts b/frontend/components.d.ts
index bd92e347b..67f518a36 100644
--- a/frontend/components.d.ts
+++ b/frontend/components.d.ts
@@ -81,6 +81,7 @@ declare module 'vue' {
     InfiniteScroll: typeof import('element-plus/es')['ElInfiniteScroll']
     Loading: typeof import('element-plus/es')['ElLoadingDirective']
     Logo: typeof import('./src/components/app-layout/menu/components/Logo.vue')['default']
+    LogoNew: typeof import('./src/components/app-layout/menu/components/logo-new.vue')['default']
     Menu: typeof import('./src/components/app-layout/menu/index.vue')['default']
     Popover: typeof import('element-plus/es')['ElPopoverDirective']
     RouterButton: typeof import('./src/components/router-button/index.vue')['default']
diff --git a/frontend/src/assets/images/1panel-menu.png b/frontend/src/assets/images/1panel-menu.png
new file mode 100644
index 000000000..d7b869ebe
Binary files /dev/null and b/frontend/src/assets/images/1panel-menu.png differ
diff --git a/frontend/src/assets/images/1panel-small.png b/frontend/src/assets/images/1panel-small.png
new file mode 100644
index 000000000..6f82a12d5
Binary files /dev/null and b/frontend/src/assets/images/1panel-small.png differ
diff --git a/frontend/src/assets/images/ko_image.png b/frontend/src/assets/images/ko_image.png
deleted file mode 100644
index 00415b040..000000000
Binary files a/frontend/src/assets/images/ko_image.png and /dev/null differ
diff --git a/frontend/src/assets/images/notData.png b/frontend/src/assets/images/notData.png
deleted file mode 100644
index c579a788f..000000000
Binary files a/frontend/src/assets/images/notData.png and /dev/null differ
diff --git a/frontend/src/assets/images/user.png b/frontend/src/assets/images/user.png
deleted file mode 100644
index a769f5d62..000000000
Binary files a/frontend/src/assets/images/user.png and /dev/null differ
diff --git a/frontend/src/assets/images/welcome.png b/frontend/src/assets/images/welcome.png
deleted file mode 100644
index 7a3050727..000000000
Binary files a/frontend/src/assets/images/welcome.png and /dev/null differ
diff --git a/frontend/src/components/app-layout/index.vue b/frontend/src/components/app-layout/index.vue
index 72aa4204e..2758b8b6a 100644
--- a/frontend/src/components/app-layout/index.vue
+++ b/frontend/src/components/app-layout/index.vue
@@ -1,7 +1,7 @@
 <template>
     <Layout v-loading="loading" :element-loading-text="loadinText" fullscreen>
         <template #menu>
-            <Menu :panelName="themeConfig.panelName"></Menu>
+            <Menu></Menu>
         </template>
         <template #footer>
             <Footer></Footer>
diff --git a/frontend/src/components/app-layout/menu/components/Logo.vue b/frontend/src/components/app-layout/menu/components/Logo.vue
index 13fc7958f..381e305ef 100644
--- a/frontend/src/components/app-layout/menu/components/Logo.vue
+++ b/frontend/src/components/app-layout/menu/components/Logo.vue
@@ -1,11 +1,12 @@
 <template>
     <div class="logo flx-center">
-        <span v-show="!isCollapse">{{ panelName }}</span>
+        <img v-show="!isCollapse" src="@/assets/images/1panel-menu.png" />
+        <img v-show="isCollapse" src="@/assets/images/1panel-small.png" />
     </div>
 </template>
 
 <script setup lang="ts">
-defineProps<{ isCollapse: boolean; panelName: string }>();
+defineProps<{ isCollapse: boolean }>();
 </script>
 
 <style scoped lang="scss">
diff --git a/frontend/src/components/app-layout/menu/index.scss b/frontend/src/components/app-layout/menu/index.scss
index ef7ad9c5d..65a461897 100644
--- a/frontend/src/components/app-layout/menu/index.scss
+++ b/frontend/src/components/app-layout/menu/index.scss
@@ -9,16 +9,17 @@
     .logo {
         box-sizing: border-box;
         height: 55px;
-        span {
-            font-size: 22px;
-            font-weight: bold;
-            color: $primary-color;
-            white-space: nowrap;
-        }
-        img {
-            width: 30px;
+        img:first-child {
+            width: 120px;
             object-fit: contain;
             margin-right: 8px;
+            margin-top: 10px;
+        }
+        img:nth-child(2) {
+            width: 50px;
+            object-fit: contain;
+            margin-top: 10px;
+            margin-left: 5px;
         }
     }
     .el-scrollbar {
diff --git a/frontend/src/components/app-layout/menu/index.vue b/frontend/src/components/app-layout/menu/index.vue
index 17864e726..5bae4eff4 100644
--- a/frontend/src/components/app-layout/menu/index.vue
+++ b/frontend/src/components/app-layout/menu/index.vue
@@ -7,7 +7,7 @@
         element-loading-svg-view-box="-10, -10, 50, 50"
         element-loading-background="rgba(122, 122, 122, 0.01)"
     >
-        <Logo :panelName="panelName" :isCollapse="isCollapse"></Logo>
+        <Logo :isCollapse="isCollapse"></Logo>
         <el-scrollbar>
             <el-menu
                 :default-active="activeMenu"
@@ -39,7 +39,7 @@ import { ref, computed, onMounted } from 'vue';
 import { RouteRecordRaw, useRoute } from 'vue-router';
 import { MenuStore } from '@/store/modules/menu';
 import { loadingSvg } from '@/utils/svg';
-import Logo from './components/logo.vue';
+import Logo from './components/Logo.vue';
 import Collapse from './components/Collapse.vue';
 import SubItem from './components/sub-item.vue';
 import router, { menuList } from '@/routers/router';
@@ -58,9 +58,7 @@ const activeMenu = computed((): string => {
     return path;
 });
 const isCollapse = computed((): boolean => menuStore.isCollapse);
-const panelName = computed(() => {
-    return globalStore.themeConfig.panelName;
-});
+
 const routerMenus = computed((): RouteRecordRaw[] => menuStore.menuList);
 
 const screenWidth = ref<number>(0);
diff --git a/frontend/src/components/error-message/404.vue b/frontend/src/components/error-message/404.vue
index df732c83a..79596e76d 100644
--- a/frontend/src/components/error-message/404.vue
+++ b/frontend/src/components/error-message/404.vue
@@ -6,7 +6,7 @@
             <h4>抱歉，您访问的页面不存在~🤷‍♂️🤷‍♀️</h4>
             <!-- <el-button type="primary" @click="tabStore.goHome()"
                 >返回首页</el-button -->
-            >
+            <!-- > -->
         </div>
     </div>
 </template>
diff --git a/frontend/src/views/app-store/apps/index.vue b/frontend/src/views/app-store/apps/index.vue
index aed3edf86..228a7cc85 100644
--- a/frontend/src/views/app-store/apps/index.vue
+++ b/frontend/src/views/app-store/apps/index.vue
@@ -3,7 +3,7 @@
         <template #toolbar>
             <el-row :gutter="5">
                 <el-col :span="20">
-                    <el-button @click="changeTag('all')" type="primary" :plain="activeTag !== 'all'">
+                    <el-button @click="changeTag('all')" type="primary" :link="activeTag !== 'all'">
                         {{ $t('app.all') }}
                     </el-button>
                     <div v-for="item in tags" :key="item.key" style="display: inline">
@@ -11,7 +11,7 @@
                             class="tag-button"
                             @click="changeTag(item.key)"
                             type="primary"
-                            :plain="activeTag !== item.key"
+                            :link="activeTag !== item.key"
                         >
                             {{ item.name }}
                         </el-button>
@@ -220,6 +220,6 @@ onMounted(() => {
 }
 
 .tag-button {
-    margin-left: 10px;
+    margin-left: 30px;
 }
 </style>