pref: 移除 useColorModeValue

UI调整

src/views/Company/components/CompanyTabs/TabNavigation.js

@@ -1,5 +1,5 @@
 // src/views/Company/components/CompanyTabs/TabNavigation.js
-// Tab 导航组件 - 动态渲染 Tab 按钮
+// Tab 导航组件 - 动态渲染 Tab 按钮（黑金主题）
 
 import React from 'react';
 import {
@@ -10,31 +10,41 @@ import {
   Text,
 } from '@chakra-ui/react';
 
-import { COMPANY_TABS, TAB_SELECTED_STYLE } from '../../constants';
+import { COMPANY_TABS } from '../../constants';
+
+// 黑金主题颜色配置
+const THEME_COLORS = {
+  bg: '#1A202C',           // 背景纯黑
+  selectedBg: '#C9A961',   // 选中项金色背景
+  selectedText: '#FFFFFF', // 选中项白色文字
+  unselectedText: '#999999', // 未选中项深灰色
+};
 
 /**
- * Tab 导航组件
- *
- * @param {Object} props
- * @param {string} props.tabBg - Tab 列表背景色
- * @param {string} props.activeBg - 激活状态背景色
+ * Tab 导航组件（黑金主题）
  */
-const TabNavigation = ({ tabBg, activeBg }) => {
+const TabNavigation = () => {
   return (
-    <TabList p={4} bg={tabBg}>
+    <TabList py={4} bg={THEME_COLORS.bg} borderTopLeftRadius="16px" borderTopRightRadius="16px">
       {COMPANY_TABS.map((tab, index) => (
         <Tab
           key={tab.key}
+          color={THEME_COLORS.unselectedText}
+          borderRadius="full"
+          px={4}
+          py={2}
           _selected={{
-            bg: activeBg,
-            color: 'white',
-            ...TAB_SELECTED_STYLE,
+            bg: THEME_COLORS.selectedBg,
+            color: THEME_COLORS.selectedText,
+          }}
+          _hover={{
+            color: THEME_COLORS.selectedText,
           }}
           mr={index < COMPANY_TABS.length - 1 ? 2 : 0}
         >
           <HStack spacing={2}>
-            <Icon as={tab.icon} />
-            <Text>{tab.name}</Text>
+            <Icon as={tab.icon} boxSize="18px" />
+            <Text fontSize="15px">{tab.name}</Text>
           </HStack>
         </Tab>
       ))}