/* Тема: cookie hf_theme = dark | light, атрибут data-theme на */ :root, [data-theme="dark"] { --hf-bg: #1a1a22; --hf-bg-panel: rgba(28, 28, 36, 0.92); --hf-bg-panel-solid: #1c1c24; --hf-text: #e6e6ea; --hf-muted: #b8b8c8; --hf-border: #3a3a48; --hf-input-bg: #26262e; --hf-btn: #3d5a80; --hf-btn-hover: #4d6a90; --hf-btn-secondary: #3a3a48; --hf-link: #7eb8ff; --hf-marker-bg: #2a2a34; --hf-marker-text: #eaeaf0; --hf-marker-border: #555; --hf-marker-metric: #8ec5ff; --hf-popup-bg: #2a2a34; --hf-popup-text: #eaeaf0; --hf-popup-border: #4a4a58; --hf-table-head: #22222c; --hf-crosshair: rgba(255, 255, 255, 0.35); --hf-trend-up: #22c55e; --hf-trend-down: #ef4444; } [data-theme="light"] { --hf-bg: #f4f4f8; --hf-bg-panel: rgba(255, 255, 255, 0.95); --hf-bg-panel-solid: #ffffff; --hf-text: #1a1a22; --hf-muted: #555560; --hf-border: #c8c8d4; --hf-input-bg: #ffffff; --hf-btn: #3d5a80; --hf-btn-hover: #4d6a90; --hf-btn-secondary: #e2e2ea; --hf-link: #1a5fb4; --hf-marker-bg: #ffffff; --hf-marker-text: #1a1a22; --hf-marker-border: rgba(0, 0, 0, 0.2); --hf-marker-metric: #1e4a7a; --hf-popup-bg: #ffffff; --hf-popup-text: #1a1a22; --hf-popup-border: #ccc; --hf-table-head: #e8e8f0; --hf-crosshair: rgba(0, 0, 0, 0.35); --hf-trend-up: #15803d; --hf-trend-down: #dc2626; } /* Алиасы для старых страниц (data, log): --bg, --panel, … */ html { --bg: var(--hf-bg); --panel: var(--hf-bg-panel-solid); --border: var(--hf-border); --text: var(--hf-text); --muted: var(--hf-muted); --link: var(--hf-link); --btn: var(--hf-btn); --btn-h: var(--hf-btn-hover); --btn-secondary: var(--hf-btn-secondary); }