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>
       ))}

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

@@ -46,9 +46,8 @@ const TAB_COMPONENTS = {
  * @param {Object} props
  * @param {string} props.stockCode - 当前股票代码
  * @param {Function} props.onTabChange - Tab 变更回调 (index, tabName, prevIndex) => void
- * @param {string} props.bgColor - 背景颜色
  */
-const CompanyTabs = ({ stockCode, onTabChange, bgColor }) => {
+const CompanyTabs = ({ stockCode, onTabChange }) => {
   const [currentIndex, setCurrentIndex] = useState(0);
 
   /**
@@ -65,7 +64,7 @@ const CompanyTabs = ({ stockCode, onTabChange, bgColor }) => {
   };
 
   return (
-    <Card bg={bgColor} shadow="lg">
+    <Card shadow="lg" bg='#1A202C'>
       <CardBody p={0}>
         <Tabs
           variant="soft-rounded"
@@ -74,8 +73,8 @@ const CompanyTabs = ({ stockCode, onTabChange, bgColor }) => {
           index={currentIndex}
           onChange={handleTabChange}
         >
-          {/* Tab 导航 */}
-          <TabNavigation tabBg="gray.50" activeBg="blue.500" />
+          {/* Tab 导航（黑金主题） */}
+          <TabNavigation />
 
           <Divider />