Browse Source

style(image processing): theme background for left/right aside and remove header

sw 6 hours ago
parent
commit
96e00e61f9
3 changed files with 21 additions and 2 deletions
  1. 1 2
      src/pages/view/ImageProcessingPageLarge.tsx
  2. 12 0
      src/themes/darkTheme.ts
  3. 8 0
      src/themes/lightTheme.ts

+ 1 - 2
src/pages/view/ImageProcessingPageLarge.tsx

@@ -3,12 +3,11 @@ import ImageControl from './components/ImageControl';
 import OperationPanel from './components/OperationPanel';
 import BodyPositionList from '../exam/components/BodyPositionList';
 
-const { Header, Content, Sider } = Layout;
+const { Content, Sider } = Layout;
 
 const ImageProcessingPageLarge = () => {
   return (
     <Layout>
-      <Header>Image Processing Page</Header>
       <Layout>
         <Sider width={200} className="custom-sider">
           {/**使用style注入方式修改Sider内部div的样式,使体位列表显示出体位信息 */}

+ 12 - 0
src/themes/darkTheme.ts

@@ -8,4 +8,16 @@ export const darkTheme = {
     colorText: '#FFFFFF', // 文字颜色
     colorBgLayout: '#121212', // 全局背景色
   },
+  components: {
+    Layout: {
+      /* 侧边栏背景 —— 深灰-90,避免和纯黑背景融为一体 */
+      siderBg: '#001529',
+
+      /* 触发器背景 —— 品牌色降低亮度 20 %,保持统一 */
+      triggerBg: '#0d7a5c',
+
+      /* 触发器图标色 —— 高亮纯白 */
+      triggerColor: '#FFFFFF',
+    },
+  },
 };

+ 8 - 0
src/themes/lightTheme.ts

@@ -8,4 +8,12 @@ export const lightTheme = {
     colorText: '#000000', // 文字颜色
     colorBgLayout: '#FAFAFA', // 全局背景色
   },
+  components: {
+    Layout: {
+      siderBg: '#FAFAFA', // ✅ 侧边栏背景色
+      triggerBg: '#1DA57A', // 触发器背景色(可选)
+      /* 触发器图标色 —— 白色,确保对比度 */
+      triggerColor: '#FFFFFF',
+    },
+  },
 };