style: DeepAnalysisTab 黑金主题样式优化

- ProcessNavigation: Tab 未选中状态字体白色,数量Badge与边框颜色统一(gray.600)
- KeyFactorCard: 适配黑金主题(cardBg #252D3A, 文字颜色调整)
- KeyFactorsCard: 黑金主题重构,移除免责声明组件
- TimelineCard: 黑金主题重构,移除免责声明组件
- ValueChainCard: 调整 CardHeader 和 CardBody padding
- ValueChainFilterBar: 暂时注释筛选下拉框

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-12 14:25:48 +08:00
parent 23112db115
commit e92cc09e06
6 changed files with 149 additions and 49 deletions

View File

@@ -16,19 +16,19 @@ const THEME = {
upstream: {
active: 'orange.500',
activeBg: 'orange.900',
inactive: 'gray.600',
inactive: 'white',
inactiveBg: 'gray.700',
},
core: {
active: 'blue.500',
activeBg: 'blue.900',
inactive: 'gray.600',
inactive: 'white',
inactiveBg: 'gray.700',
},
downstream: {
active: 'green.500',
activeBg: 'green.900',
inactive: 'gray.600',
inactive: 'white',
inactiveBg: 'gray.700',
},
};
@@ -70,7 +70,7 @@ const NavItem: React.FC<NavItemProps> = memo(({
cursor="pointer"
bg={isActive ? colors.activeBg : colors.inactiveBg}
borderWidth={2}
borderColor={isActive ? colors.active : 'transparent'}
borderColor={isActive ? colors.active : 'gray.600'}
onClick={onClick}
transition="all 0.2s"
_hover={{
@@ -88,7 +88,7 @@ const NavItem: React.FC<NavItemProps> = memo(({
{label}
</Text>
<Badge
bg={isActive ? colors.active : colors.inactive}
bg={isActive ? colors.active : 'gray.600'}
color="white"
borderRadius="full"
px={2}