import { ThemeConfig } from './types';

/**
 * 深色主题 (默认)
 */
export const darkTheme: ThemeConfig = {
    name: 'dark',
    primary: '#0078d4',
    primaryHover: '#0063b1',

    // 修改：背景色统一为浅灰，不再跟随深色模式变黑
    background: '#f5f5f5',
    panelBackground: 'rgba(30, 30, 30, 0.9)',

    textPrimary: '#ffffff',
    textSecondary: '#cccccc',

    border: '#444444',

    icon: '#cccccc',
    iconActive: '#ffffff',

    componentBackground: 'transparent',
    componentHover: '#4e4d4dff',
    componentActive: 'rgba(255, 255, 255, 0.1)'
};

/**
 * 浅色主题
 */
export const lightTheme: ThemeConfig = {
    name: 'light',
    primary: '#0078d4',
    primaryHover: '#106ebe',

    // 统一为浅灰
    background: '#f5f5f5',
    panelBackground: '#ffffff',

    textPrimary: '#333333',
    textSecondary: '#666666',

    border: '#e0e0e0',

    icon: '#555555',
    iconActive: '#0078d4',

    componentBackground: 'transparent',
    componentHover: '#f0f0f0',
    componentActive: '#e0e0e0'
};