css/variables.css - master - Gabryelf/Icons-Customize-Gen

css/variables.css
74 строки2 KB
Valeev Serj
update_version_0.0.1
15 июл 2026, 23:25
15 июл 2026, 23:25ae94135
/* css/variables.css */
:root {
    /* Базовые цвета (фиолетовая тема по умолчанию) */
    --bg-primary: #0b0b18;
    --bg-secondary: #12122a;
    --bg-panel: #18183a;
    --bg-card: #1e1e44;
    --bg-card-hover: #2a2a5a;
    --bg-input: #0d0d24;
    --text-primary: #e8e8ff;
    --text-secondary: #9a9ad0;
    --text-muted: #6a6a9a;
    --accent: #7c5cfc;
    --accent-hover: #9a7cff;
    --accent-glow: rgba(124, 92, 252, 0.25);
    --danger: #ff5e7a;
    --success: #5cdb9e;
    --warning: #fccf6a;
    --shadow: 0 8px 40px rgba(0, 0, 0, 0.7);
    --radius: 14px;
    --radius-sm: 8px;
    --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --font: 'Segoe UI', system-ui, -apple-system, sans-serif;
    --sidebar-width: 320px;
    --header-height: 60px;
}

/* Оранжевая тема */
[data-theme="orange"] {
    --bg-primary: #1a0e04;
    --bg-secondary: #2a1808;
    --bg-panel: #3a2210;
    --bg-card: #4a2e18;
    --bg-card-hover: #5a3a20;
    --bg-input: #1a0e04;
    --text-primary: #ffeedd;
    --text-secondary: #ddaa88;
    --text-muted: #aa7755;
    --accent: #ff8c00;
    --accent-hover: #ffaa33;
    --accent-glow: rgba(255, 140, 0, 0.25);
}

/* Зеленая тема */
[data-theme="green"] {
    --bg-primary: #040f0a;
    --bg-secondary: #081f14;
    --bg-panel: #0c2f1e;
    --bg-card: #103f28;
    --bg-card-hover: #184f32;
    --bg-input: #040f0a;
    --text-primary: #ddffea;
    --text-secondary: #88ddaa;
    --text-muted: #55aa77;
    --accent: #00cc66;
    --accent-hover: #33dd88;
    --accent-glow: rgba(0, 204, 102, 0.25);
}

/* Светлая тема */
[data-theme="light"] {
    --bg-primary: #f0f0f5;
    --bg-secondary: #e0e0eb;
    --bg-panel: #d0d0e0;
    --bg-card: #c0c0d5;
    --bg-card-hover: #b0b0ca;
    --bg-input: #e8e8f0;
    --text-primary: #1a1a2e;
    --text-secondary: #4a4a6a;
    --text-muted: #6a6a8a;
    --accent: #7c5cfc;
    --accent-hover: #9a7cff;
    --accent-glow: rgba(124, 92, 252, 0.15);
}