From a6bd08c569ac11f9a9da4e29d406fd6f8780abb3 Mon Sep 17 00:00:00 2001
From: Odboy <tianjun@odboy.cn>
Date: Wed, 21 Jan 2026 21:14:51 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=9B=B4=E6=96=B0=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E9=85=8D=E8=89=B2=E4=B8=BA=E7=A7=91=E6=8A=80?=
 =?UTF-8?q?=E8=93=9D=E4=B8=BB=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/Layout.vue | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/web/src/views/Layout.vue b/web/src/views/Layout.vue
index 67aea72..4cb0a1b 100644
--- a/web/src/views/Layout.vue
+++ b/web/src/views/Layout.vue
@@ -1,12 +1,12 @@
 <template>
   <el-container style="height: 100vh">
-    <el-aside width="200px" style="background: #304156">
-      <div class="logo">配置中心</div>
+    <el-aside width="200px" style="background: #1a237e">
+      <div class="logo">Kenaito配置中心</div>
       <el-menu
         :default-active="activeMenu"
-        background-color="#304156"
-        text-color="#bfcbd9"
-        active-text-color="#409EFF"
+        background-color="#1a237e"
+        text-color="rgba(255, 255, 255, 0.7)"
+        active-text-color="#fff"
         router
       >
         <template v-for="menu in menus">
@@ -28,7 +28,7 @@
     </el-aside>
     <el-container>
       <el-header style="background: #fff; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 1px 4px rgba(0,21,41,.08)">
-        <span style="font-size: 16px; font-weight: bold">欢迎使用配置中心</span>
+        <span style="font-size: 16px; font-weight: bold">欢迎使用 Kenaito配置中心</span>
         <div>
           <span style="margin-right: 15px">{{ userInfo ? userInfo.name : '' }}</span>
           <el-button type="text" @click="handleLogout">退出</el-button>
@@ -91,9 +91,16 @@ export default {
   color: #fff;
   font-size: 18px;
   font-weight: bold;
-  background: #263445;
+  background: rgba(0, 0, 0, 0.2);
 }
 .el-menu {
   border-right: none;
 }
+.el-menu-item:hover,
+.el-submenu__title:hover {
+  background-color: rgba(255, 255, 255, 0.1) !important;
+}
+.el-menu-item.is-active {
+  background-color: rgba(255, 255, 255, 0.15) !important;
+}
 </style>