From 6c7ec5d3f1b8763358d9e712e09a40d5a49ca562 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=96=AF=E7=8B=82=E7=9A=84=E7=8B=AE=E5=AD=90Li?=
 <15040126243@163.com>
Date: Thu, 25 Jun 2026 18:15:49 +0800
Subject: [PATCH] =?UTF-8?q?fix=20=E4=BF=AE=E5=A4=8D=20=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E6=94=B6=E8=B5=B7=E6=8C=89=E9=92=AE=E4=B8=8E=E6=BB=91=E5=8A=A8?=
 =?UTF-8?q?=E5=9D=97=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/layout/menu.less       | 17 +++++++++++++++++
 src/assets/styles/layout/pro-layout.less |  4 ++--
 src/layouts/BasicLayout.tsx              |  2 ++
 3 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/assets/styles/layout/menu.less b/src/assets/styles/layout/menu.less
index d5d15e8f..d52c538e 100644
--- a/src/assets/styles/layout/menu.less
+++ b/src/assets/styles/layout/menu.less
@@ -76,3 +76,20 @@
   max-width: 0;
   opacity: 0;
 }
+
+.ant-pro-layout .ant-pro-sider .ant-layout-sider-children,
+.ant-pro-layout .ant-pro-sider .ant-layout-sider-children > div,
+.ant-pro-layout .ant-pro-sider .ant-pro-sider-menu,
+.ant-pro-layout .ant-pro-sider .ant-menu {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+.ant-pro-layout .ant-pro-sider .ant-layout-sider-children::-webkit-scrollbar,
+.ant-pro-layout .ant-pro-sider .ant-layout-sider-children > div::-webkit-scrollbar,
+.ant-pro-layout .ant-pro-sider .ant-pro-sider-menu::-webkit-scrollbar,
+.ant-pro-layout .ant-pro-sider .ant-menu::-webkit-scrollbar {
+  display: none;
+  width: 0;
+  height: 0;
+}
diff --git a/src/assets/styles/layout/pro-layout.less b/src/assets/styles/layout/pro-layout.less
index cf367e80..d25d95e7 100644
--- a/src/assets/styles/layout/pro-layout.less
+++ b/src/assets/styles/layout/pro-layout.less
@@ -36,13 +36,13 @@
 .ant-pro-layout .ant-pro-sider-collapsed-button,
 .ant-pro-layout .ant-pro-global-header-collapsed-button {
   color: var(--layout-nav-text-react) !important;
-  background: var(--app-surface-react) !important;
+  background: var(--layout-collapsed-button-bg-react, var(--app-surface-react)) !important;
 }
 
 .ant-pro-layout .ant-pro-sider-collapsed-button:hover,
 .ant-pro-layout .ant-pro-global-header-collapsed-button:hover {
   color: var(--layout-nav-title-react) !important;
-  background: var(--layout-nav-action-hover-bg-react) !important;
+  background: var(--layout-collapsed-button-hover-bg-react, var(--layout-nav-action-hover-bg-react)) !important;
 }
 
 .ant-pro-layout .ant-pro-card,
diff --git a/src/layouts/BasicLayout.tsx b/src/layouts/BasicLayout.tsx
index 480ed2f8..b01e950d 100644
--- a/src/layouts/BasicLayout.tsx
+++ b/src/layouts/BasicLayout.tsx
@@ -196,6 +196,8 @@ export default function BasicLayout() {
     '--layout-nav-menu-hover-bg-react': navColors.menuHoverBg,
     '--layout-nav-menu-selected-bg-react': navColors.menuSelectedBg,
     '--layout-nav-badge-shadow-react': navColors.badgeShadow,
+    '--layout-collapsed-button-bg-react': effectiveNavDark ? navColors.bg : appColors.surface,
+    '--layout-collapsed-button-hover-bg-react': effectiveNavDark ? '#1f2937' : navColors.actionHoverBg,
     backgroundColor: appColors.bg
   } as CSSProperties;
   const proLayoutContentStyle = {