/** * Пользовательские цветовые гаммы (data-palette на ). * Obsidian = дефолт в combo-hud.css — здесь альтернативы. * Все гаммы: низкая насыщенность, металл/камень (без «грязного» зелёного/меди/розового). */ /* ─── Graphite / Графит (id: forest) — нейтральный серый, чуть плотнее обсидиана ─── */ html.dark[data-palette='forest'] { --combo-hp-fill: #c45c62; --combo-hp-track: #040405; --combo-progress-fill: #8a919c; --combo-progress-bar-text: #d6d9de; --combo-progress-bar-track: #1a1c20; --combo-mobile-dock-bg: #0d0e11; --combo-mobile-dock-border: rgba(255, 255, 255, 0.06); --dt-bg-input: #1a1c20; --dt-border-input: rgba(255, 255, 255, 0.08); --dt-border-focus: rgba(255, 255, 255, 0.2); } html.dark[data-palette='forest'] :is( .combo-hud, .home-hud, .profile-hud, .worker-hud, .zaruba-hud, .dealer-hud, .stash-hud, .social-hud, .weapon-hud, .style-hud, .summary-hud, .giveaway-hud, .camp-hud, .brigade-hud, .combo-hud-surface ) { --combo-bg: #08090b; --combo-surface: #13151a; --combo-surface-2: #1a1c20; --combo-surface-hover: #21242a; --combo-header: #0d0e11; --combo-inset-deep: #040405; --combo-border: rgba(255, 255, 255, 0.055); --combo-border-hover: rgba(255, 255, 255, 0.14); --combo-overlay: rgba(8, 9, 11, 0.88); --combo-text: #b0b4bb; --combo-text-strong: #d6d9de; --combo-text-secondary: #969aa3; --combo-muted: #7a7f88; --combo-muted-deep: #656970; --combo-accent: #a0a6b0; --combo-accent-soft: rgba(255, 255, 255, 0.07); --combo-accent-border: rgba(255, 255, 255, 0.16); --combo-accent-text: #b0b4bb; --combo-accent-text-bright: #d6d9de; --combo-queued-bg: rgba(255, 255, 255, 0.04); --combo-queued-border: rgba(255, 255, 255, 0.12); --combo-section-accent: #c4c8ce; --combo-progress-fill: #8a919c; --combo-combo-track: #040405; --combo-hp-track: #040405; --combo-switch-off: #1a1c20; --combo-switch-knob: #d6d9de; --combo-option-on-bg: rgba(255, 255, 255, 0.08); --combo-shadow: 0 4px 24px rgba(0, 0, 0, 0.5); } html:not(.dark)[data-palette='forest'] { --combo-hp-fill: #b91c1c; --combo-hp-track: #e2e5e9; --combo-progress-fill: #64707e; --combo-progress-bar-text: #0c0d10; --combo-progress-bar-track: #cfd3d8; --combo-mobile-dock-bg: #e2e5e9; --combo-mobile-dock-border: rgba(15, 20, 30, 0.1); } html:not(.dark)[data-palette='forest'] :is( .combo-hud, .home-hud, .profile-hud, .worker-hud, .zaruba-hud, .dealer-hud, .stash-hud, .social-hud, .weapon-hud, .style-hud, .summary-hud, .giveaway-hud, .camp-hud, .brigade-hud, .combo-hud-surface ) { --combo-bg: #f2f3f5; --combo-surface: #ffffff; --combo-surface-2: #f7f8f9; --combo-surface-hover: #eaecf0; --combo-header: #e2e5e9; --combo-inset-deep: #f7f8f9; --combo-border: rgba(15, 20, 30, 0.08); --combo-border-hover: rgba(15, 20, 30, 0.15); --combo-text: #12151a; --combo-text-strong: #07080a; --combo-text-secondary: #323840; --combo-muted: #656d78; --combo-muted-deep: #8a929c; --combo-accent: #64707e; --combo-accent-soft: rgba(15, 20, 30, 0.06); --combo-accent-border: rgba(15, 20, 30, 0.15); --combo-accent-text: #323840; --combo-accent-text-bright: #12151a; --combo-queued-bg: rgba(15, 20, 30, 0.05); --combo-queued-border: rgba(15, 20, 30, 0.13); --combo-section-accent: #4a5562; --combo-progress-fill: #64707e; --combo-combo-track: #e2e5e9; --combo-hp-track: #e2e5e9; } /* ─── Stone / Камень (id: copper) — тёплый нейтрал, почти без хрома ─── */ html.dark[data-palette='copper'] { --combo-hp-fill: #c45c62; --combo-hp-track: #050403; --combo-progress-fill: #9a9288; --combo-progress-bar-text: #ddd8d0; --combo-progress-bar-track: #1e1c19; --combo-mobile-dock-bg: #0f0e0d; --combo-mobile-dock-border: rgba(255, 248, 240, 0.06); --dt-bg-input: #1e1c19; --dt-border-input: rgba(255, 248, 240, 0.08); --dt-border-focus: rgba(255, 248, 240, 0.2); } html.dark[data-palette='copper'] :is( .combo-hud, .home-hud, .profile-hud, .worker-hud, .zaruba-hud, .dealer-hud, .stash-hud, .social-hud, .weapon-hud, .style-hud, .summary-hud, .giveaway-hud, .camp-hud, .brigade-hud, .combo-hud-surface ) { --combo-bg: #090908; --combo-surface: #151412; --combo-surface-2: #1e1c19; --combo-surface-hover: #26231f; --combo-header: #0f0e0d; --combo-inset-deep: #050403; --combo-border: rgba(255, 248, 240, 0.055); --combo-border-hover: rgba(255, 248, 240, 0.14); --combo-overlay: rgba(9, 9, 8, 0.88); --combo-text: #b5b0a8; --combo-text-strong: #ddd8d0; --combo-text-secondary: #9a958c; --combo-muted: #7e796f; --combo-muted-deep: #68635b; --combo-accent: #aea69c; --combo-accent-soft: rgba(255, 248, 240, 0.07); --combo-accent-border: rgba(255, 248, 240, 0.16); --combo-accent-text: #b5b0a8; --combo-accent-text-bright: #ddd8d0; --combo-queued-bg: rgba(255, 248, 240, 0.04); --combo-queued-border: rgba(255, 248, 240, 0.12); --combo-section-accent: #ccc6bc; --combo-progress-fill: #9a9288; --combo-combo-track: #050403; --combo-hp-track: #050403; --combo-switch-off: #1e1c19; --combo-switch-knob: #ddd8d0; --combo-option-on-bg: rgba(255, 248, 240, 0.08); --combo-amber-text: #c4b8a0; --combo-amber-bg: rgba(196, 184, 160, 0.1); --combo-amber-border: rgba(196, 184, 160, 0.28); --combo-shadow: 0 4px 24px rgba(0, 0, 0, 0.5); } html:not(.dark)[data-palette='copper'] { --combo-hp-fill: #b91c1c; --combo-hp-track: #e5e2de; --combo-progress-fill: #6e675c; --combo-progress-bar-text: #12110f; --combo-progress-bar-track: #d5d0c8; --combo-mobile-dock-bg: #e5e2de; --combo-mobile-dock-border: rgba(40, 35, 28, 0.1); } html:not(.dark)[data-palette='copper'] :is( .combo-hud, .home-hud, .profile-hud, .worker-hud, .zaruba-hud, .dealer-hud, .stash-hud, .social-hud, .weapon-hud, .style-hud, .summary-hud, .giveaway-hud, .camp-hud, .brigade-hud, .combo-hud-surface ) { --combo-bg: #f3f1ee; --combo-surface: #ffffff; --combo-surface-2: #f8f6f3; --combo-surface-hover: #eceae7; --combo-header: #e5e2de; --combo-inset-deep: #f8f6f3; --combo-border: rgba(40, 35, 28, 0.08); --combo-border-hover: rgba(40, 35, 28, 0.15); --combo-text: #1a1814; --combo-text-strong: #0c0b09; --combo-text-secondary: #3a362e; --combo-muted: #6e675c; --combo-muted-deep: #91897c; --combo-accent: #6e675c; --combo-accent-soft: rgba(40, 35, 28, 0.06); --combo-accent-border: rgba(40, 35, 28, 0.15); --combo-accent-text: #3a362e; --combo-accent-text-bright: #1a1814; --combo-queued-bg: rgba(40, 35, 28, 0.05); --combo-queued-border: rgba(40, 35, 28, 0.13); --combo-section-accent: #524c42; --combo-progress-fill: #6e675c; --combo-combo-track: #e5e2de; --combo-hp-track: #e5e2de; } /* ─── Marine / Сталь — без изменений по смыслу (уже приятная) ─── */ html.dark[data-palette='marine'] { --combo-hp-fill: #c45c62; --combo-hp-track: #040608; --combo-progress-fill: #7d8fa3; --combo-progress-bar-text: #d2dae4; --combo-progress-bar-track: #171c24; --combo-mobile-dock-bg: #0a0e14; --combo-mobile-dock-border: rgba(160, 180, 200, 0.08); --dt-bg-input: #171c24; --dt-border-input: rgba(160, 180, 200, 0.1); --dt-border-focus: rgba(160, 180, 200, 0.24); } html.dark[data-palette='marine'] :is( .combo-hud, .home-hud, .profile-hud, .worker-hud, .zaruba-hud, .dealer-hud, .stash-hud, .social-hud, .weapon-hud, .style-hud, .summary-hud, .giveaway-hud, .camp-hud, .brigade-hud, .combo-hud-surface ) { --combo-bg: #06080c; --combo-surface: #12161c; --combo-surface-2: #171c24; --combo-surface-hover: #1e2430; --combo-header: #0a0e14; --combo-inset-deep: #040608; --combo-border: rgba(160, 180, 200, 0.07); --combo-border-hover: rgba(160, 180, 200, 0.16); --combo-overlay: rgba(6, 8, 12, 0.88); --combo-text: #aab4c2; --combo-text-strong: #d2dae4; --combo-text-secondary: #8e9aab; --combo-muted: #728090; --combo-muted-deep: #5c6a7a; --combo-accent: #92a2b6; --combo-accent-soft: rgba(146, 162, 182, 0.1); --combo-accent-border: rgba(146, 162, 182, 0.24); --combo-accent-text: #aab4c2; --combo-accent-text-bright: #d2dae4; --combo-queued-bg: rgba(146, 162, 182, 0.05); --combo-queued-border: rgba(146, 162, 182, 0.16); --combo-section-accent: #bcc8d6; --combo-progress-fill: #7d8fa3; --combo-combo-track: #040608; --combo-hp-track: #040608; --combo-switch-off: #171c24; --combo-switch-knob: #d2dae4; --combo-option-on-bg: rgba(146, 162, 182, 0.1); --combo-damage-text: #8bb0c4; --combo-shadow: 0 4px 24px rgba(0, 0, 0, 0.5); } html:not(.dark)[data-palette='marine'] { --combo-hp-fill: #b91c1c; --combo-hp-track: #d8e2ee; --combo-progress-fill: #556e88; --combo-progress-bar-text: #0a1018; --combo-progress-bar-track: #c4d0e0; --combo-mobile-dock-bg: #d8e2ee; --combo-mobile-dock-border: rgba(30, 50, 80, 0.1); } html:not(.dark)[data-palette='marine'] :is( .combo-hud, .home-hud, .profile-hud, .worker-hud, .zaruba-hud, .dealer-hud, .stash-hud, .social-hud, .weapon-hud, .style-hud, .summary-hud, .giveaway-hud, .camp-hud, .brigade-hud, .combo-hud-surface ) { --combo-bg: #eef2f7; --combo-surface: #ffffff; --combo-surface-2: #f5f8fc; --combo-surface-hover: #e4eaf2; --combo-header: #d8e2ee; --combo-inset-deep: #f5f8fc; --combo-border: rgba(30, 50, 80, 0.09); --combo-border-hover: rgba(30, 50, 80, 0.16); --combo-text: #0e1620; --combo-text-strong: #060a10; --combo-text-secondary: #2a3848; --combo-muted: #5a6e84; --combo-muted-deep: #7a8ea4; --combo-accent: #556e88; --combo-accent-soft: rgba(77, 106, 136, 0.09); --combo-accent-border: rgba(77, 106, 136, 0.24); --combo-accent-text: #2a3848; --combo-accent-text-bright: #0e1620; --combo-queued-bg: rgba(77, 106, 136, 0.07); --combo-queued-border: rgba(77, 106, 136, 0.18); --combo-section-accent: #3d5a78; --combo-progress-fill: #556e88; --combo-combo-track: #d8e2ee; --combo-hp-track: #d8e2ee; } /* ─── Dusk / Сумерки (id: ember) — холодный индиго-сланец, как Сталь с лёгкой синевой ─── */ html.dark[data-palette='ember'] { --combo-hp-fill: #c45c62; --combo-hp-track: #040406; --combo-progress-fill: #8389a0; --combo-progress-bar-text: #d5d7e2; --combo-progress-bar-track: #1a1b24; --combo-mobile-dock-bg: #0c0d12; --combo-mobile-dock-border: rgba(180, 185, 210, 0.07); --dt-bg-input: #1a1b24; --dt-border-input: rgba(180, 185, 210, 0.09); --dt-border-focus: rgba(180, 185, 210, 0.22); } html.dark[data-palette='ember'] :is( .combo-hud, .home-hud, .profile-hud, .worker-hud, .zaruba-hud, .dealer-hud, .stash-hud, .social-hud, .weapon-hud, .style-hud, .summary-hud, .giveaway-hud, .camp-hud, .brigade-hud, .combo-hud-surface ) { --combo-bg: #07080c; --combo-surface: #13141a; --combo-surface-2: #1a1b24; --combo-surface-hover: #22232e; --combo-header: #0c0d12; --combo-inset-deep: #040406; --combo-border: rgba(180, 185, 210, 0.065); --combo-border-hover: rgba(180, 185, 210, 0.15); --combo-overlay: rgba(7, 8, 12, 0.88); --combo-text: #adb0be; --combo-text-strong: #d5d7e2; --combo-text-secondary: #9194a4; --combo-muted: #757889; --combo-muted-deep: #5f6272; --combo-accent: #9a9eb2; --combo-accent-soft: rgba(154, 158, 178, 0.1); --combo-accent-border: rgba(154, 158, 178, 0.24); --combo-accent-text: #adb0be; --combo-accent-text-bright: #d5d7e2; --combo-queued-bg: rgba(154, 158, 178, 0.05); --combo-queued-border: rgba(154, 158, 178, 0.15); --combo-section-accent: #c0c3d2; --combo-progress-fill: #8389a0; --combo-combo-track: #040406; --combo-hp-track: #040406; --combo-switch-off: #1a1b24; --combo-switch-knob: #d5d7e2; --combo-option-on-bg: rgba(154, 158, 178, 0.1); --combo-shadow: 0 4px 24px rgba(0, 0, 0, 0.5); } html:not(.dark)[data-palette='ember'] { --combo-hp-fill: #b91c1c; --combo-hp-track: #dcdde6; --combo-progress-fill: #5c6178; --combo-progress-bar-text: #0c0d12; --combo-progress-bar-track: #c8cad6; --combo-mobile-dock-bg: #dcdde6; --combo-mobile-dock-border: rgba(35, 40, 60, 0.1); } html:not(.dark)[data-palette='ember'] :is( .combo-hud, .home-hud, .profile-hud, .worker-hud, .zaruba-hud, .dealer-hud, .stash-hud, .social-hud, .weapon-hud, .style-hud, .summary-hud, .giveaway-hud, .camp-hud, .brigade-hud, .combo-hud-surface ) { --combo-bg: #f0f0f5; --combo-surface: #ffffff; --combo-surface-2: #f6f6fa; --combo-surface-hover: #e8e9ef; --combo-header: #dcdde6; --combo-inset-deep: #f6f6fa; --combo-border: rgba(35, 40, 60, 0.09); --combo-border-hover: rgba(35, 40, 60, 0.16); --combo-text: #14161e; --combo-text-strong: #08090e; --combo-text-secondary: #2e3240; --combo-muted: #5c6178; --combo-muted-deep: #7e8396; --combo-accent: #5c6178; --combo-accent-soft: rgba(35, 40, 60, 0.06); --combo-accent-border: rgba(35, 40, 60, 0.15); --combo-accent-text: #2e3240; --combo-accent-text-bright: #14161e; --combo-queued-bg: rgba(35, 40, 60, 0.05); --combo-queued-border: rgba(35, 40, 60, 0.13); --combo-section-accent: #454a60; --combo-progress-fill: #5c6178; --combo-combo-track: #dcdde6; --combo-hp-track: #dcdde6; }