rtc_web/src/theme/tokens.ts
zyc b4108961fa
All checks were successful
Build and Deploy Web / build-and-deploy (push) Successful in 1m38s
fix ui
2026-02-10 16:02:02 +08:00

67 lines
1.6 KiB
TypeScript

import type { ThemeConfig } from 'antd';
export const themeConfig: ThemeConfig = {
token: {
colorPrimary: '#6366f1',
colorSuccess: '#10b981',
colorWarning: '#f59e0b',
colorError: '#ef4444',
colorInfo: '#3b82f6',
colorBgLayout: '#f5f5f7',
borderRadius: 8,
borderRadiusLG: 12,
borderRadiusSM: 6,
fontFamily:
'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", "Helvetica Neue", sans-serif',
},
components: {
Layout: {
headerBg: '#ffffff',
headerHeight: 64,
headerPadding: '0 24px',
siderBg: '#1e1b4b',
},
Card: {
borderRadiusLG: 12,
},
Table: {
headerBg: '#fafafb',
borderRadius: 8,
},
Button: {
borderRadius: 8,
controlHeight: 36,
},
Input: {
borderRadius: 8,
},
Select: {
borderRadius: 8,
},
Modal: {
borderRadiusLG: 12,
},
Menu: {
darkItemBg: 'transparent',
darkSubMenuItemBg: 'transparent',
darkItemSelectedBg: 'rgba(99, 102, 241, 0.2)',
darkItemHoverBg: 'rgba(255, 255, 255, 0.06)',
darkItemSelectedColor: '#c7d2fe',
itemBorderRadius: 8,
itemMarginInline: 8,
},
},
};
// 统计卡片颜色配置
export const statColors = {
primary: '#6366f1',
success: '#10b981',
warning: '#f59e0b',
error: '#ef4444',
info: '#3b82f6',
purple: '#8b5cf6',
cyan: '#06b6d4',
pink: '#ec4899',
};