104 行
2.3 KiB
Plaintext
104 行
2.3 KiB
Plaintext
/**
|
|
* OmniCard AI - uni-app x (uts) 全局设计 Token 常量定义
|
|
* 严格遵循 AGENTS.md 约束规范与 uts 强类型规范
|
|
*/
|
|
|
|
export type UtsColorTokens = {
|
|
primary: string
|
|
primaryGradient: string
|
|
primarySoft: string
|
|
aurora: string
|
|
bg: string
|
|
surface: string
|
|
border: string
|
|
text: string
|
|
text2: string
|
|
success: string
|
|
warning: string
|
|
error: string
|
|
}
|
|
|
|
export const utsLightColors: UtsColorTokens = {
|
|
primary: '#0088FF',
|
|
primaryGradient: 'linear-gradient(135deg, #00A3FF 0%, #0B63E5 100%)',
|
|
primarySoft: '#EBF5FF',
|
|
aurora: 'linear-gradient(135deg, #00D2FF 0%, #0088FF 50%, #6366F1 100%)',
|
|
bg: '#F5F8FC',
|
|
surface: '#FFFFFF',
|
|
border: '#EBF1F7',
|
|
text: '#101828',
|
|
text2: '#64748B',
|
|
success: '#12B76A',
|
|
warning: '#F79009',
|
|
error: '#F04438'
|
|
}
|
|
|
|
export const utsDarkColors: UtsColorTokens = {
|
|
primary: '#3894FF',
|
|
primaryGradient: 'linear-gradient(135deg, #3894FF 0%, #0B63E5 100%)',
|
|
primarySoft: '#0D2847',
|
|
aurora: 'linear-gradient(135deg, #00D2FF 0%, #0088FF 50%, #6366F1 100%)',
|
|
bg: '#0B0D10',
|
|
surface: '#13171F',
|
|
border: '#232936',
|
|
text: '#F2F4F7',
|
|
text2: '#94A3B8',
|
|
success: '#32D583',
|
|
warning: '#FDB022',
|
|
error: '#F97066'
|
|
}
|
|
|
|
export type UtsSpacing = {
|
|
space4: string
|
|
space8: string
|
|
space12: string
|
|
space16: string
|
|
space20: string
|
|
space24: string
|
|
space32: string
|
|
space48: string
|
|
space64: string
|
|
}
|
|
|
|
export const utsSpacing: UtsSpacing = {
|
|
space4: '4px',
|
|
space8: '8px',
|
|
space12: '12px',
|
|
space16: '16px',
|
|
space20: '20px',
|
|
space24: '24px',
|
|
space32: '32px',
|
|
space48: '48px',
|
|
space64: '64px'
|
|
}
|
|
|
|
export type UtsRadius = {
|
|
button: string
|
|
card: string
|
|
modal: string
|
|
pill: string
|
|
}
|
|
|
|
export const utsRadius: UtsRadius = {
|
|
button: '14px',
|
|
card: '20px',
|
|
modal: '24px',
|
|
pill: '9999px'
|
|
}
|
|
|
|
export type UtsTypography = {
|
|
fontFamily: string
|
|
shadowCard: string
|
|
shadowCta: string
|
|
shadowFloat: string
|
|
shadow: string
|
|
}
|
|
|
|
export const utsTypography: UtsTypography = {
|
|
fontFamily: 'Inter, "Noto Sans SC", "Noto Sans Arabic", "Noto Sans JP", "Noto Sans KR", "SF Pro Display", sans-serif',
|
|
shadowCard: '0 8px 30px rgba(0, 0, 0, 0.04), 0 2px 8px rgba(11, 99, 229, 0.03)',
|
|
shadowCta: '0 8px 20px rgba(0, 136, 255, 0.22)',
|
|
shadowFloat: '0 12px 36px rgba(16, 24, 40, 0.08)',
|
|
shadow: '0 8px 30px rgba(0, 0, 0, 0.04)'
|
|
}
|