/** * CSS переменные — Light + Dark темы * Источник: vision.md, раздел "CSS переменные" * Переключение: data-theme="light|dark" на */ /* Светлая тема (дефолт) */ :root, [data-theme="light"] { --bg-primary: #FFFFFF; --bg-secondary: #F4F5F7; --bg-tertiary: #FAFBFC; --text-primary: #172B4D; --text-secondary: #6B778C; --border: #DFE1E6; --accent: #0066FF; --accent-hover: #0052CC; --accent-light: #E6F0FF; --success: #00875A; --danger: #DE350B; --warning: #FF8B00; --shadow: rgba(0, 0, 0, 0.06); /* Чат-специфичные */ --bubble-user: #0066FF; --bubble-user-text: #FFFFFF; --bubble-agent: #FFFFFF; --bubble-agent-text: #172B4D; --bubble-other: #E8F0FE; --bubble-other-text: #172B4D; --bubble-system-bg: #F4F5F7; --bubble-system-text: #6B778C; /* Sidebar */ --sidebar-bg: #FFFFFF; --sidebar-hover: #F4F5F7; --sidebar-active: #E6F0FF; } /* Тёмная тема */ [data-theme="dark"] { --bg-primary: #1B2638; --bg-secondary: #243044; --bg-tertiary: #151E2D; --text-primary: #E1E4E8; --text-secondary: #8B949E; --border: #30404D; --accent: #4C9AFF; --accent-hover: #6DB3FF; --accent-light: #1B3A5C; --success: #36B37E; --danger: #FF5630; --warning: #FFAB00; --shadow: rgba(0, 0, 0, 0.3); /* Чат-специфичные */ --bubble-user: #1A6FE0; --bubble-user-text: #FFFFFF; --bubble-agent: #243044; --bubble-agent-text: #E1E4E8; --bubble-other: #1B3A5C; --bubble-other-text: #E1E4E8; --bubble-system-bg: #243044; --bubble-system-text: #8B949E; /* Sidebar */ --sidebar-bg: #1B2638; --sidebar-hover: #243044; --sidebar-active: #1B3A5C; }