diff --git a/src/views/Company/components/CompanyOverview/components/shareholder/ShareholdersTable.tsx b/src/views/Company/components/CompanyOverview/components/shareholder/ShareholdersTable.tsx index 454e57ad..1cbd9fc5 100644 --- a/src/views/Company/components/CompanyOverview/components/shareholder/ShareholdersTable.tsx +++ b/src/views/Company/components/CompanyOverview/components/shareholder/ShareholdersTable.tsx @@ -23,7 +23,7 @@ const TABLE_THEME = { Table: { headerBg: "#1A202C", // gray.900 headerColor: "#F4D03F", // 亮金色(提高对比度) - rowHoverBg: "rgba(212, 175, 55, 0.15)", // 金色半透明,文字更清晰 + rowHoverBg: "rgba(156, 163, 175, 0.15)", // 浅灰色悬停背景 borderColor: "rgba(212, 175, 55, 0.2)", }, }, diff --git a/src/views/Company/components/FinancialPanorama/components/MainBusinessAnalysis.tsx b/src/views/Company/components/FinancialPanorama/components/MainBusinessAnalysis.tsx index fc507f98..f3d7da2d 100644 --- a/src/views/Company/components/FinancialPanorama/components/MainBusinessAnalysis.tsx +++ b/src/views/Company/components/FinancialPanorama/components/MainBusinessAnalysis.tsx @@ -48,7 +48,7 @@ const BLACK_GOLD_THEME = { Table: { headerBg: 'rgba(212, 175, 55, 0.1)', headerColor: '#D4AF37', - rowHoverBg: 'rgba(212, 175, 55, 0.05)', + rowHoverBg: 'rgba(156, 163, 175, 0.15)', // 浅灰色悬停背景 borderColor: 'rgba(212, 175, 55, 0.2)', cellPaddingBlock: 8, cellPaddingInline: 12, @@ -67,7 +67,7 @@ const fixedColumnStyles = ` background: rgba(26, 32, 44, 0.95) !important; } .main-business-table .ant-table-tbody > tr:hover > td { - background: rgba(212, 175, 55, 0.08) !important; + background: rgba(156, 163, 175, 0.15) !important; } .main-business-table .ant-table-tbody > tr:hover > td.ant-table-cell-fix-left, .main-business-table .ant-table-tbody > tr:hover > td.ant-table-cell-fix-right { diff --git a/src/views/Company/components/FinancialPanorama/utils/tableTheme.ts b/src/views/Company/components/FinancialPanorama/utils/tableTheme.ts index c12a400f..fb53ca91 100644 --- a/src/views/Company/components/FinancialPanorama/utils/tableTheme.ts +++ b/src/views/Company/components/FinancialPanorama/utils/tableTheme.ts @@ -18,7 +18,7 @@ export const BLACK_GOLD_TABLE_THEME: ThemeConfig = { Table: { headerBg: 'rgba(26, 32, 44, 0.8)', headerColor: '#D4AF37', - rowHoverBg: 'rgba(212, 175, 55, 0.1)', + rowHoverBg: 'rgba(156, 163, 175, 0.15)', // 浅灰色悬停背景 borderColor: 'rgba(212, 175, 55, 0.15)', cellPaddingBlock: 6, cellPaddingInline: 8, @@ -58,7 +58,7 @@ export const getTableStyles = (className: string): string => ` font-size: 12px; } .${className} .ant-table-tbody > tr:hover > td { - background: rgba(212, 175, 55, 0.08) !important; + background: rgba(156, 163, 175, 0.15) !important; } .${className} .ant-table-tbody > tr.total-row > td { background: rgba(212, 175, 55, 0.15) !important; diff --git a/src/views/Company/components/ForecastReport/components/DetailTable.tsx b/src/views/Company/components/ForecastReport/components/DetailTable.tsx index 0c20f400..bcf8f123 100644 --- a/src/views/Company/components/ForecastReport/components/DetailTable.tsx +++ b/src/views/Company/components/ForecastReport/components/DetailTable.tsx @@ -27,7 +27,7 @@ const BLACK_GOLD_THEME = { Table: { headerBg: 'rgba(212, 175, 55, 0.12)', headerColor: '#D4AF37', - rowHoverBg: 'rgba(212, 175, 55, 0.08)', + rowHoverBg: 'rgba(156, 163, 175, 0.15)', // 浅灰色悬停背景 borderColor: 'rgba(212, 175, 55, 0.2)', cellPaddingBlock: 12, // 增加行高 cellPaddingInline: 14, diff --git a/src/views/Company/components/ForecastReport/constants.ts b/src/views/Company/components/ForecastReport/constants.ts index 7146db92..270261c5 100644 --- a/src/views/Company/components/ForecastReport/constants.ts +++ b/src/views/Company/components/ForecastReport/constants.ts @@ -126,7 +126,7 @@ export const DETAIL_TABLE_STYLES = ` background: rgba(26, 32, 44, 0.98) !important; } .forecast-detail-table .ant-table-tbody > tr:hover > td.ant-table-cell-fix-left { - background: #242d3d !important; + background: rgba(156, 163, 175, 0.15) !important; } /* 指标标签样式 - 统一字体字号和粗细 */ @@ -154,7 +154,7 @@ export const DETAIL_TABLE_STYLES = ` background: rgba(255, 255, 255, 0.02); } .forecast-detail-table .ant-table-tbody > tr:nth-child(odd):hover > td { - background: rgba(212, 175, 55, 0.08) !important; + background: rgba(156, 163, 175, 0.15) !important; } /* 等宽字体 - 数值列 */ diff --git a/src/views/Company/theme/antdTheme.ts b/src/views/Company/theme/antdTheme.ts index 3b5f4ca4..a46ffc3f 100644 --- a/src/views/Company/theme/antdTheme.ts +++ b/src/views/Company/theme/antdTheme.ts @@ -89,7 +89,7 @@ export const antdDarkTheme = { headerBg: alpha('gold', 0.05), headerColor: FUI_COLORS.text.muted, headerSplitColor: fui.border('subtle'), - rowHoverBg: alpha('white', 0.08), + rowHoverBg: 'rgba(156, 163, 175, 0.15)', // 浅灰色悬停背景 rowSelectedBg: alpha('white', 0.12), rowSelectedHoverBg: alpha('white', 0.15), borderColor: fui.border('subtle'),