music / src /styles /themes /light.js
ahutchen's picture
fix
40f23a9
/**
* 白色炫彩主题
*/
export const lightTheme = {
id: 'light',
name: '白色炫彩',
colors: {
// 背景色
'--bg-primary': '#f8f9fa',
'--bg-card': 'rgba(255, 255, 255, 0.9)',
'--bg-secondary': 'rgba(255, 255, 255, 0.85)',
'--bg-overlay': 'rgba(255, 255, 255, 0.95)',
// 渐变背景
'--bg-gradient-1': '#e3f2fd',
'--bg-gradient-2': '#f3e5f5',
'--bg-gradient-3': '#fff3e0',
'--bg-gradient-4': '#e8f5e8',
// 主题色
'--primary-color': '#ff6b6b',
'--primary-color-hover': '#ff5252',
'--primary-color-active': '#ff4444',
'--primary-color-pressed': '#ff3333',
// 文字颜色
'--text-primary': '#2c3e50',
'--text-secondary': 'rgba(44, 62, 80, 0.8)',
'--text-tertiary': 'rgba(44, 62, 80, 0.6)',
'--text-disabled': 'rgba(44, 62, 80, 0.5)',
// 边框
'--border-light': 'rgba(44, 62, 80, 0.2)',
'--border-lighter': 'rgba(44, 62, 80, 0.1)',
'--border-card': 'rgba(44, 62, 80, 0.15)',
'--border-strong': 'rgba(44, 62, 80, 0.3)',
// 状态颜色
'--success-color': '#4CAF50',
'--warning-color': '#ed8936',
'--error-color': '#ff4444',
'--info-color': '#3182ce',
// 特殊效果
'--shadow-color': 'rgba(0, 0, 0, 0.12)',
'--glow-color': 'rgba(255, 107, 107, 0.35)',
'--overlay-dark': 'rgba(0, 0, 0, 0.6)',
'--overlay-light': 'rgba(255, 255, 255, 0.1)'
}
}
// 为兼容性保留原有变量名
export const lightThemeCompat = {
'--accent-red': '#ff6b6b',
'--accent-red-hover': '#ff5252',
'--shadow-card': '0 8px 25px rgba(0, 0, 0, 0.12)',
'--shadow-button': '0 4px 12px rgba(255, 107, 107, 0.35)'
}