added dark mode

src/core/layouts/BaseSideMenu.vue

@@ -2,7 +2,7 @@
   <!--  :class="[, isMobile ? null : 'shadow']"-->
   <!--  :theme="sideTheme"-->
   <ALayoutSider
-    theme="light"
+    :theme="menuTheme"
     :class="[prefixCls]"
     :width="layoutStore.sideMenu.width"
     :collapsible="layoutStore.sideMenu.collapsible"
@@ -96,10 +96,12 @@
 import { useLayoutStore } from '@core/stores/layout'
 import { usePrefix } from '@core/composable/usePrefix'
 import BasicMenu from '@core/layouts/composnts/BasicMenu.vue'
+import { useAdminTheme } from '@core/composable/useAdminTheme'
 //import { coreVersion, version } from '../utils'
 //import { isDate } from 'lodash'
 const layoutStore = useLayoutStore()
 const { prefixCls } = usePrefix('basic-side-menu')
+const { menuTheme } = useAdminTheme()
 </script>
 
 <style lang="less">
@@ -124,13 +126,13 @@ const { prefixCls } = usePrefix('basic-side-menu')
   }
 
   .logo{
-    border-bottom: 1px solid #eee;
+    border-bottom: 1px solid var(--admin-border);
     overflow: hidden;
     transition: all 0.3s;
   }
 
   .side-version{
-    border-top: 1px solid #eee;
+    border-top: 1px solid var(--admin-border);
     @apply p-2;
     max-height: 50px
   }