fix: 统一表格固定列悬停背景色与数据列一致

- 将固定列悬停背景色从 #242d3d 改为 rgba(156, 163, 175, 0.15)
- 与右侧数据列悬停背景色保持一致

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-26 18:48:21 +08:00
parent bf10e3a419
commit 2f1177b1c2
6 changed files with 9 additions and 9 deletions

View File

@@ -23,7 +23,7 @@ const TABLE_THEME = {
Table: { Table: {
headerBg: "#1A202C", // gray.900 headerBg: "#1A202C", // gray.900
headerColor: "#F4D03F", // 亮金色(提高对比度) headerColor: "#F4D03F", // 亮金色(提高对比度)
rowHoverBg: "rgba(212, 175, 55, 0.15)", // 金色半透明,文字更清晰 rowHoverBg: "rgba(156, 163, 175, 0.15)", // 浅灰色悬停背景
borderColor: "rgba(212, 175, 55, 0.2)", borderColor: "rgba(212, 175, 55, 0.2)",
}, },
}, },

View File

@@ -48,7 +48,7 @@ const BLACK_GOLD_THEME = {
Table: { Table: {
headerBg: 'rgba(212, 175, 55, 0.1)', headerBg: 'rgba(212, 175, 55, 0.1)',
headerColor: '#D4AF37', headerColor: '#D4AF37',
rowHoverBg: 'rgba(212, 175, 55, 0.05)', rowHoverBg: 'rgba(156, 163, 175, 0.15)', // 浅灰色悬停背景
borderColor: 'rgba(212, 175, 55, 0.2)', borderColor: 'rgba(212, 175, 55, 0.2)',
cellPaddingBlock: 8, cellPaddingBlock: 8,
cellPaddingInline: 12, cellPaddingInline: 12,
@@ -67,7 +67,7 @@ const fixedColumnStyles = `
background: rgba(26, 32, 44, 0.95) !important; background: rgba(26, 32, 44, 0.95) !important;
} }
.main-business-table .ant-table-tbody > tr:hover > td { .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-left,
.main-business-table .ant-table-tbody > tr:hover > td.ant-table-cell-fix-right { .main-business-table .ant-table-tbody > tr:hover > td.ant-table-cell-fix-right {

View File

@@ -18,7 +18,7 @@ export const BLACK_GOLD_TABLE_THEME: ThemeConfig = {
Table: { Table: {
headerBg: 'rgba(26, 32, 44, 0.8)', headerBg: 'rgba(26, 32, 44, 0.8)',
headerColor: '#D4AF37', headerColor: '#D4AF37',
rowHoverBg: 'rgba(212, 175, 55, 0.1)', rowHoverBg: 'rgba(156, 163, 175, 0.15)', // 浅灰色悬停背景
borderColor: 'rgba(212, 175, 55, 0.15)', borderColor: 'rgba(212, 175, 55, 0.15)',
cellPaddingBlock: 6, cellPaddingBlock: 6,
cellPaddingInline: 8, cellPaddingInline: 8,
@@ -58,7 +58,7 @@ export const getTableStyles = (className: string): string => `
font-size: 12px; font-size: 12px;
} }
.${className} .ant-table-tbody > tr:hover > td { .${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 { .${className} .ant-table-tbody > tr.total-row > td {
background: rgba(212, 175, 55, 0.15) !important; background: rgba(212, 175, 55, 0.15) !important;

View File

@@ -27,7 +27,7 @@ const BLACK_GOLD_THEME = {
Table: { Table: {
headerBg: 'rgba(212, 175, 55, 0.12)', headerBg: 'rgba(212, 175, 55, 0.12)',
headerColor: '#D4AF37', headerColor: '#D4AF37',
rowHoverBg: 'rgba(212, 175, 55, 0.08)', rowHoverBg: 'rgba(156, 163, 175, 0.15)', // 浅灰色悬停背景
borderColor: 'rgba(212, 175, 55, 0.2)', borderColor: 'rgba(212, 175, 55, 0.2)',
cellPaddingBlock: 12, // 增加行高 cellPaddingBlock: 12, // 增加行高
cellPaddingInline: 14, cellPaddingInline: 14,

View File

@@ -126,7 +126,7 @@ export const DETAIL_TABLE_STYLES = `
background: rgba(26, 32, 44, 0.98) !important; background: rgba(26, 32, 44, 0.98) !important;
} }
.forecast-detail-table .ant-table-tbody > tr:hover > td.ant-table-cell-fix-left { .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); background: rgba(255, 255, 255, 0.02);
} }
.forecast-detail-table .ant-table-tbody > tr:nth-child(odd):hover > td { .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;
} }
/* 等宽字体 - 数值列 */ /* 等宽字体 - 数值列 */

View File

@@ -89,7 +89,7 @@ export const antdDarkTheme = {
headerBg: alpha('gold', 0.05), headerBg: alpha('gold', 0.05),
headerColor: FUI_COLORS.text.muted, headerColor: FUI_COLORS.text.muted,
headerSplitColor: fui.border('subtle'), headerSplitColor: fui.border('subtle'),
rowHoverBg: alpha('white', 0.08), rowHoverBg: 'rgba(156, 163, 175, 0.15)', // 浅灰色悬停背景
rowSelectedBg: alpha('white', 0.12), rowSelectedBg: alpha('white', 0.12),
rowSelectedHoverBg: alpha('white', 0.15), rowSelectedHoverBg: alpha('white', 0.15),
borderColor: fui.border('subtle'), borderColor: fui.border('subtle'),