update 优化 升级框架依赖

src/layout/components/Navbar.vue

@@ -451,7 +451,7 @@ const handleCommand = (command: string) => {
   }
 }
 
-:global(html.dark) {
+html.dark {
   .navbar.navtop .navtop-logo-shell {
     background: linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(30, 41, 59, 0.82));
     border-color: rgba(71, 85, 105, 0.42);

src/layout/components/Sidebar/index.vue

@@ -1,15 +1,12 @@
 <template>
-  <div class="sidebar-shell" :class="{ 'has-logo': showLogo }" :style="{ backgroundColor: bgColor }">
+  <div class="sidebar-shell" :class="{ 'has-logo': showLogo }" :style="menuStyle">
     <logo v-if="showLogo" :collapse="isCollapse" />
     <el-scrollbar :class="sideTheme" wrap-class="scrollbar-wrapper">
       <transition :enter-active-class="animateConfig.menuSearchAnimate.enter" mode="out-in">
         <el-menu
           :default-active="activeMenu"
           :collapse="isCollapse"
-          :background-color="bgColor"
-          :text-color="textColor"
           :unique-opened="true"
-          :active-text-color="theme"
           :collapse-transition="false"
           :popper-offset="12"
           mode="vertical"
@@ -51,6 +48,12 @@ const activeMenu = computed(() => {
 
 const bgColor = computed(() => (sideTheme.value === 'theme-dark' ? '#111827' : '#ffffff'));
 const textColor = computed(() => (sideTheme.value === 'theme-dark' ? '#e5edf8' : '#1f2937'));
+const menuStyle = computed(() => ({
+  backgroundColor: bgColor.value,
+  '--el-menu-bg-color': bgColor.value,
+  '--el-menu-text-color': textColor.value,
+  '--el-menu-active-color': theme.value
+}));
 </script>
 
 <style lang="scss" scoped>

src/layout/components/TopBar/index.vue

@@ -3,7 +3,7 @@
     class="topbar-menu"
     :ellipsis="false"
     :default-active="activeMenu"
-    :active-text-color="theme"
+    :style="{ '--el-menu-active-color': theme }"
     mode="horizontal"
   >
     <sidebar-item