更新Company页面的UI为FUI风格

This commit is contained in:
2025-12-18 08:23:04 +08:00
parent 26548c7036
commit 87ddc79252
18 changed files with 224 additions and 68 deletions

View File

@@ -11,12 +11,12 @@ import { Box, HStack, VStack, Text, Badge, Tag, TagLabel } from '@chakra-ui/reac
import { formatPercentage, formatBusinessRevenue } from '@utils/priceFormatters';
import type { BusinessTreeItemProps } from '../types';
// 黑金主题配置
// 黑金主题配置(使用更亮的金色提高对比度)
const THEME = {
bg: 'gray.700',
gold: '#D4AF37',
gold: '#F4D03F', // 亮金色
goldLight: '#F0D78C',
textPrimary: '#D4AF37',
textPrimary: '#F4D03F', // 亮金色(提高对比度)
textSecondary: 'gray.400',
border: 'rgba(212, 175, 55, 0.5)',
};

View File

@@ -9,9 +9,9 @@ import React, { memo } from 'react';
import { HStack, VStack, Box, Text, Icon, Badge } from '@chakra-ui/react';
import { FaArrowRight } from 'react-icons/fa';
// 黑金主题配置
// 黑金主题配置(使用更亮的金色提高对比度)
const THEME = {
gold: '#D4AF37',
gold: '#F4D03F',
textSecondary: 'gray.400',
upstream: {
active: 'orange.500',

View File

@@ -13,10 +13,10 @@ import {
Tab,
} from '@chakra-ui/react';
// 黑金主题配置
// 黑金主题配置(使用更亮的金色提高对比度)
const THEME = {
gold: '#D4AF37',
textPrimary: '#D4AF37',
gold: '#F4D03F',
textPrimary: '#F4D03F',
textSecondary: 'gray.400',
inputBg: 'gray.700',
inputBorder: 'gray.600',

View File

@@ -27,9 +27,9 @@ import type { BusinessSegment } from '../types';
const THEME = {
cardBg: 'gray.800',
innerCardBg: 'gray.700',
gold: '#D4AF37',
gold: '#F4D03F',
goldLight: '#F0D78C',
textPrimary: '#D4AF37',
textPrimary: '#F4D03F',
textSecondary: 'gray.400',
border: 'rgba(212, 175, 55, 0.3)',
};

View File

@@ -23,8 +23,8 @@ import type { BusinessStructure } from '../types';
// 黑金主题配置
const THEME = {
cardBg: 'gray.800',
gold: '#D4AF37',
textPrimary: '#D4AF37',
gold: '#F4D03F',
textPrimary: '#F4D03F',
border: 'rgba(212, 175, 55, 0.3)',
};

View File

@@ -15,13 +15,13 @@ import type { IconType } from 'react-icons';
// ==================== 主题常量 ====================
export const THEME = {
// 深色背景区域(核心定位)
// 深色背景区域(核心定位)- 使用更亮的金色提高对比度
dark: {
bg: '#1A202C',
cardBg: '#252D3A',
border: '#C9A961',
borderGradient: 'linear-gradient(90deg, #C9A961, #8B7355)',
titleColor: '#C9A961',
border: '#E8C14D',
borderGradient: 'linear-gradient(90deg, #E8C14D, #A08040)',
titleColor: '#E8C14D',
textColor: '#E2E8F0',
subtextColor: '#A0AEC0',
},
@@ -29,11 +29,11 @@ export const THEME = {
light: {
bg: '#1E2530',
cardBg: '#252D3A',
titleColor: '#C9A961',
titleColor: '#E8C14D',
textColor: '#E2E8F0',
subtextColor: '#A0AEC0',
tagBg: 'rgba(201, 169, 97, 0.15)',
tagColor: '#C9A961',
tagBg: 'rgba(232, 193, 77, 0.15)',
tagColor: '#E8C14D',
},
} as const;

View File

@@ -31,9 +31,9 @@ import type { KeyFactors } from '../types';
const THEME = {
bg: '#1A202C',
cardBg: '#252D3A',
border: '#C9A961',
borderGradient: 'linear-gradient(90deg, #C9A961, #8B7355)',
titleColor: '#C9A961',
border: '#E8C14D',
borderGradient: 'linear-gradient(90deg, #E8C14D, #A08040)',
titleColor: '#E8C14D',
textColor: '#E2E8F0',
subtextColor: '#A0AEC0',
} as const;

View File

@@ -24,9 +24,9 @@ import type { DevelopmentTimeline } from '../types';
const THEME = {
bg: '#1A202C',
cardBg: '#252D3A',
border: '#C9A961',
borderGradient: 'linear-gradient(90deg, #C9A961, #8B7355)',
titleColor: '#C9A961',
border: '#E8C14D',
borderGradient: 'linear-gradient(90deg, #E8C14D, #A08040)',
titleColor: '#E8C14D',
textColor: '#E2E8F0',
subtextColor: '#A0AEC0',
} as const;

View File

@@ -34,9 +34,9 @@ import type { ValueChainData, ValueChainNode } from '../types';
// 黑金主题配置
const THEME = {
cardBg: 'gray.800',
gold: '#D4AF37',
gold: '#F4D03F',
goldLight: '#F0D78C',
textPrimary: '#D4AF37',
textPrimary: '#F4D03F',
textSecondary: 'gray.400',
};

View File

@@ -39,7 +39,7 @@ import type { ValueChainNodeCardProps, RelatedCompany } from '../../types';
// 黑金主题配置
const THEME = {
cardBg: 'gray.700',
gold: '#D4AF37',
gold: '#F4D03F',
goldLight: '#F0D78C',
textPrimary: 'white',
textSecondary: 'gray.400',