F

src/layouts/AuthLayout/components/Menus.jsx

@@ -17,13 +17,13 @@ export default (props) => {
 
   //   return keys;
   // }, [location.pathname]);
-
+console.log(theme)
   const selectedKeys = [location.pathname]
   return (
     <Menu
       mode="inline"
       style={menuStyle}
-      theme="light"
+      theme={theme}
       items={items}
       selectedKeys={selectedKeys}
     />

src/layouts/AuthLayout/components/SiderBar.jsx

@@ -13,8 +13,8 @@ export default (props) => {
   }, [])
 
   return (
-    <Sider className="layout-sidebar" theme="light" collapsible width={width}>
-      <Menus items={menus} location={location} />
+    <Sider className="layout-sidebar" theme={theme}  collapsible width={width}>
+      <Menus theme={theme} items={menus} location={location} />
     </Sider>
   )
 }

src/layouts/AuthLayout/index.jsx

@@ -37,6 +37,7 @@ export default (props) => {
   // });
   // console.log('menus', menus);
   // console.log(user);
+  console.log(theme)
   return (
     <Spin spinning={!user} size="large">
       <HtmlTitle />
@@ -44,8 +45,8 @@ export default (props) => {
       <RequireLogin>
         <Layout className={theme} style={{ height: '100vh' }}>
           <Header theme={theme} user={user} />
-          <Layout style={{ height: 'calc(100vh - var(--header-height))' }}>
-            <SiderBar menus={menus} location={location} />
+          <Layout  style={{ height: 'calc(100vh - var(--header-height))' }}>
+            <SiderBar theme="light" menus={menus} location={location} />
             <Container location={location} />
           </Layout>
         </Layout>