| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- import type { ThemeColors } from './index'
- // 暗黑主题：黑色背景 + 深色UI元素，保持与浅色相同的基础色系
- export const darkTheme: ThemeColors = {
- // 基础色系（与浅色主题保持一致）
- primary: '#ff6b6b',
- 'primary-light-3': '#ff8a8a',
- 'primary-light-5': '#ffa3a3',
- 'primary-light-7': '#ffbcbc',
- 'primary-light-8': '#ffd0d0',
- 'primary-light-9': '#ffe3e3',
- 'primary-dark-2': '#e55555',
- success: '#67c23a',
- 'success-light-3': '#85ce61',
- 'success-light-5': '#a6e4a1',
- 'success-light-7': '#c6f6d5',
- 'success-light-8': '#d4edda',
- 'success-light-9': '#e1f5e3',
- 'success-dark-2': '#55b82d',
- warning: '#e6a23c',
- 'warning-light-3': '#edb563',
- 'warning-light-5': '#f3d19e',
- 'warning-light-7': '#f9e4ba',
- 'warning-light-8': '#fce9cc',
- 'warning-light-9': '#fef0d9',
- 'warning-dark-2': '#d68830',
- danger: '#f56c6c',
- 'danger-light-3': '#f78989',
- 'danger-light-5': '#f9a8a8',
- 'danger-light-7': '#fcc7c7',
- 'danger-light-8': '#fdd9d9',
- 'danger-light-9': '#feebeb',
- 'danger-dark-2': '#dd5960',
- error: '#f56c6c',
- 'error-light-3': '#f78989',
- 'error-light-5': '#f9a8a8',
- 'error-light-7': '#fcc7c7',
- 'error-light-8': '#fdd9d9',
- 'error-light-9': '#feebeb',
- info: '#909399',
- 'info-light-3': '#a6a9ad',
- 'info-light-5': '#b1b3b9',
- 'info-light-7': '#d3d4d6',
- 'info-light-8': '#e4e4e7',
- 'info-light-9': '#f2f2f5',
- 'info-dark-2': '#7a7d82',
- // 背景色 - 黑色系
- 'bg-page': '#0a0a0a',
- 'bg-base': '#141414',
- 'bg-container': '#1f1f1f',
- 'bg-overlay': '#262626',
- // 文字色 - 浅色系
- 'text-primary': '#efefef',
- 'text-secondary': '#b3b3b3',
- 'text-tertiary': '#909399',
- 'text-placeholder': '#757575',
- 'text-disabled': '#6c6c6c',
- // 边框色 - 深灰色
- 'border-light': '#414141',
- 'border-base': '#434343',
- 'border-dark': '#595959',
- }
|
