完善侧边栏样式，引入全局变量设置背景颜色，字体颜色及logo颜色

src/layout/components/Sidebar/Logo.vue

@@ -44,7 +44,7 @@ const sideTheme = computed(() => settingsStore.sideTheme)
   width: 100%;
   height: 50px;
   line-height: 50px;
-  background: var(--base-menu-background);
+  // background: var(--base-menu-background);
   text-align: center;
   overflow: hidden;
 

src/layout/components/Sidebar/SidebarItem.vue

@@ -15,7 +15,7 @@
       </app-link>
     </template>
 
-    <el-sub-menu v-else ref="subMenu" :index="resolvePath(item.path)">
+    <el-sub-menu v-else ref="subMenu" :index="resolvePath(item.path)" :popper-class="sideTheme">
       <template #title>
         <svg-icon :name="item.meta && item.meta.icon" />
         <span v-if="item.meta && item.meta.titleKey">{{ $t(item.meta.titleKey) }}</span>
@@ -31,7 +31,10 @@
 import { isExternal } from '@/utils/validate'
 import AppLink from './Link'
 import { getNormalPath } from '@/utils/ruoyi'
+import useSettingsStore from '@/store/modules/settings'
 
+const settingsStore = useSettingsStore()
+const sideTheme = computed(() => settingsStore.sideTheme)
 const props = defineProps({
   // route object
   item: {