feat(frontend): 切换苹果风格默认主题

This commit is contained in:
yinjianm
2026-04-21 04:34:03 +08:00
parent 6253b90151
commit 6503d2bb39
8 changed files with 482 additions and 111 deletions
+31 -22
View File
@@ -25,31 +25,40 @@ export const defaultXtermTheme: ITheme = {
brightWhite: '#f3fff0'
};
// 默认 UI 主题 (CSS 变量)
// (与 backend/src/config/default-themes.ts 中的定义保持一致)
// 默认 UI 主题 (CSS 变量) — Apple Design System Light
// (与 frontend/src/features/appearance/config/default-themes.ts 保持一致)
export const defaultUiTheme: Record<string, string> = {
'--app-bg-color': '#ffffff',
'--text-color': '#333333',
'--text-color-secondary': '#666666',
'--border-color': '#cccccc',
'--link-color': '#8E44AD',
'--link-hover-color': '#B180E0',
'--link-active-color': '#A06CD5',
'--link-active-bg-color': '#F3EBFB',
'--app-bg-color': '#f5f5f7', // Apple Light Gray
'--text-color': '#1d1d1f', // Near Black
'--text-color-secondary': 'rgba(0, 0, 0, 0.8)', // Black 80%
'--text-color-tertiary': 'rgba(0, 0, 0, 0.48)', // Black 48%
'--border-color': 'rgba(0, 0, 0, 0.08)', // Ultra-subtle border
'--link-color': '#0066cc', // Link Blue
'--link-hover-color': '#0071e3', // Apple Blue
'--link-active-color': '#0071e3', // Apple Blue
'--link-active-bg-color': 'rgba(0, 113, 227, 0.08)', // Blue 8%
'--nav-item-active-bg-color': 'var(--link-active-bg-color)',
'--header-bg-color': '#f0f0f0',
'--footer-bg-color': '#f0f0f0',
'--button-bg-color': '#A06CD5',
'--header-bg-color': '#e8e8ed',
'--footer-bg-color': '#f5f5f7',
'--card-bg-color': '#ffffff',
'--button-bg-color': '#0071e3', // Apple Blue CTA
'--button-text-color': '#ffffff',
'--button-hover-bg-color': '#8E44AD',
'--icon-color': 'var(--text-color-secondary)',
'--icon-hover-color': 'var(--link-hover-color)',
'--split-line-color': 'var(--border-color)',
'--split-line-hover-color': 'var(--border-color)',
'--input-focus-border-color': 'var(--link-active-color)',
'--input-focus-glow': 'var(--link-active-color)',
'--overlay-bg-color': 'rgba(0, 0, 0, 0.6)',
'--font-family-sans-serif': 'sans-serif',
'--button-hover-bg-color': '#0077ed',
'--button-secondary-bg-color': '#e8e8ed',
'--icon-color': 'rgba(0, 0, 0, 0.48)',
'--icon-hover-color': '#0071e3',
'--split-line-color': 'rgba(0, 0, 0, 0.08)',
'--split-line-hover-color': 'rgba(0, 0, 0, 0.16)',
'--input-focus-border-color': '#0071e3',
'--input-focus-glow': '#0071e3',
'--overlay-bg-color': 'rgba(0, 0, 0, 0.4)',
'--color-success': '#30d158',
'--color-error': '#ff453a',
'--color-warning': '#ff9f0a',
'--color-success-text': '#ffffff',
'--color-error-text': '#ffffff',
'--color-warning-text': '#1d1d1f',
'--font-family-sans-serif': "-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif",
'--base-padding': '1rem',
'--base-margin': '0.5rem',
};