瀏覽代碼

fix(admin): restore sidebar contrast

AI-Co-Authored-By: Codex
chendeben 1 月之前
父節點
當前提交
d1d6750f4b
共有 3 個文件被更改,包括 25 次插入 和 2 次删除
  1. 1 1
      admin-web/src/app.tsx
  2. 10 1
      admin-web/src/layouts/AdminLayout.tsx
  3. 14 0
      admin-web/tests/e2e/admin.spec.ts

+ 1 - 1
admin-web/src/app.tsx

@@ -32,7 +32,7 @@ const theme: ThemeConfig = {
     },
     Menu: {
       darkItemBg: '#111c2b',
-      darkItemColor: '#9fb0c3',
+      darkItemColor: '#b6c5d5',
       darkItemHoverBg: 'rgba(43, 156, 216, 0.12)',
       darkItemSelectedBg: 'rgba(43, 156, 216, 0.2)',
       darkItemSelectedColor: '#ffffff',

+ 10 - 1
admin-web/src/layouts/AdminLayout.tsx

@@ -169,13 +169,22 @@ export default function AdminLayout() {
         location={{ pathname: location.pathname }}
         menu={{ request: async () => visibleMenuItems }}
         layout="mix"
+        navTheme="realDark"
         fixedHeader
         fixSiderbar
         siderWidth={224}
         breakpoint="lg"
         token={{
           header: { colorBgHeader: 'rgba(255, 255, 255, 0.9)', colorTextMenu: '#17212b' },
-          sider: { colorMenuBackground: '#111c2b' },
+          sider: {
+            colorMenuBackground: '#111c2b',
+            colorTextMenu: '#b6c5d5',
+            colorTextMenuItemHover: '#ffffff',
+            colorTextMenuActive: '#ffffff',
+            colorTextMenuSelected: '#ffffff',
+            colorBgMenuItemHover: 'rgba(43, 156, 216, 0.14)',
+            colorBgMenuItemSelected: 'rgba(43, 156, 216, 0.24)',
+          },
           pageContainer: { paddingInlinePageContainerContent: 24 },
         }}
         menuItemRender={(item, dom) => (

+ 14 - 0
admin-web/tests/e2e/admin.spec.ts

@@ -389,6 +389,14 @@ test('登录与主要管理视图在不同视口无页面级横向滚动', async
   await page.getByRole('button', { name: /登\s*录/ }).click();
   await expect(page.getByRole('heading', { name: '概览' })).toBeVisible();
 
+  if ((page.viewportSize()?.width || 0) >= 992) {
+    const giveawayNavigationColor = await page
+      .locator('.ant-menu-item')
+      .filter({ hasText: '抽奖管理' })
+      .evaluate((element) => getComputedStyle(element).color);
+    expect(giveawayNavigationColor).toBe('rgb(182, 197, 213)');
+  }
+
   const overflow = await page.evaluate(() => document.documentElement.scrollWidth - window.innerWidth);
   expect(overflow).toBeLessThanOrEqual(1);
   await page.screenshot({ path: testInfo.outputPath('dashboard.png'), fullPage: true });
@@ -440,6 +448,12 @@ test('登录与主要管理视图在不同视口无页面级横向滚动', async
       await page.screenshot({ path: testInfo.outputPath('services.png'), fullPage: true });
     }
     if (path === '/admin/business-assistant') {
+      if ((page.viewportSize()?.width || 0) >= 992) {
+        const selectedNavigationColor = await page
+          .locator('.ant-menu-item-selected')
+          .evaluate((element) => getComputedStyle(element).color);
+        expect(selectedNavigationColor).toBe('rgb(255, 255, 255)');
+      }
       await expect(page.getByText('允许回复')).toBeVisible();
       await expect(page.getByText('允许标记已读')).toBeVisible();
       await page.getByRole('tab', { name: '知识来源' }).click();