/** * Темы под цветовую гамму маскотов. * Палитры синхронизированы с библией (js/mascot-bible.js → palette). * Включается классом mascot-theme-on + data-mascot-skin на * (ставит mascot-guide.js при выборе/смене маскота). * Отключить: localStorage wweMascotTheme = 'off'. * Подключать ПОСЛЕ brand-theme.css — селекторы специфичнее html[data-theme]. */ /* ---------------- Чемп: янтарь и золото наставника ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='champ'] { --bg0: #000000; --bg-mid: #1a1206; --glow-a: rgba(232, 163, 61, 0.45); --glow-b: rgba(255, 213, 79, 0.14); --brand: #e8a33d; --gold: #e8a33d; --gold-hi: #ffe9c4; --muted: #c9b291; --tile: rgba(24, 16, 6, 0.92); --tile-border: rgba(232, 163, 61, 0.5); --btn-grad-a: #ffc866; --btn-grad-b: #a06a10; --btn-text: #241a05; --chrome: rgba(10, 7, 2, 0.92); --brand-a08: rgba(232, 163, 61, 0.08); --brand-a10: rgba(232, 163, 61, 0.1); --brand-a12: rgba(232, 163, 61, 0.12); --brand-a16: rgba(232, 163, 61, 0.16); --brand-a22: rgba(232, 163, 61, 0.22); --brand-a35: rgba(232, 163, 61, 0.35); --brand-a45: rgba(232, 163, 61, 0.45); --brand-a70: rgba(232, 163, 61, 0.7); --tg-bg: #000000; --tg-bg2: rgba(10, 7, 2, 0.96); --tg-bubble: rgba(24, 16, 6, 0.92); --tg-bubble-border: rgba(232, 163, 61, 0.45); --tg-accent: #e8a33d; --tg-muted: #c9b291; --tg-btn: #4a3408; --tg-btn-active: #a06a10; } /* ---------------- Рэмпейдж: огонь и ярость ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='rampage'] { --bg0: #000000; --bg-mid: #1d0500; --glow-a: rgba(230, 51, 18, 0.5); --glow-b: rgba(255, 179, 0, 0.14); --brand: #e63312; --gold: #ffb300; --gold-hi: #ffe9c4; --muted: #cfa08e; --tile: rgba(26, 6, 0, 0.92); --tile-border: rgba(230, 51, 18, 0.55); --btn-grad-a: #ff6a3d; --btn-grad-b: #a01e00; --btn-text: #ffffff; --chrome: rgba(12, 2, 0, 0.92); --brand-a08: rgba(230, 51, 18, 0.08); --brand-a10: rgba(230, 51, 18, 0.1); --brand-a12: rgba(230, 51, 18, 0.12); --brand-a16: rgba(230, 51, 18, 0.16); --brand-a22: rgba(230, 51, 18, 0.22); --brand-a35: rgba(230, 51, 18, 0.35); --brand-a45: rgba(230, 51, 18, 0.45); --brand-a70: rgba(230, 51, 18, 0.7); --tg-bg: #000000; --tg-bg2: rgba(12, 2, 0, 0.96); --tg-bubble: rgba(26, 6, 0, 0.92); --tg-bubble-border: rgba(230, 51, 18, 0.45); --tg-accent: #ff6a3d; --tg-muted: #cfa08e; --tg-btn: #521004; --tg-btn-active: #a01e00; } /* ---------------- Рипли: чёрная кожа и неон-оранж ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='ripley'] { --bg0: #000000; --bg-mid: #120a04; --glow-a: rgba(255, 106, 0, 0.42); --glow-b: rgba(255, 140, 26, 0.12); --brand: #ff6a00; --gold: #ff8c1a; --gold-hi: #ffd9b0; --muted: #b89b85; --tile: rgba(16, 10, 5, 0.93); --tile-border: rgba(255, 106, 0, 0.5); --btn-grad-a: #ff8c3d; --btn-grad-b: #b34700; --btn-text: #1c0e00; --chrome: rgba(8, 5, 2, 0.94); --brand-a08: rgba(255, 106, 0, 0.08); --brand-a10: rgba(255, 106, 0, 0.1); --brand-a12: rgba(255, 106, 0, 0.12); --brand-a16: rgba(255, 106, 0, 0.16); --brand-a22: rgba(255, 106, 0, 0.22); --brand-a35: rgba(255, 106, 0, 0.35); --brand-a45: rgba(255, 106, 0, 0.45); --brand-a70: rgba(255, 106, 0, 0.7); --tg-bg: #000000; --tg-bg2: rgba(8, 5, 2, 0.96); --tg-bubble: rgba(16, 10, 5, 0.93); --tg-bubble-border: rgba(255, 106, 0, 0.45); --tg-accent: #ff8c1a; --tg-muted: #b89b85; --tg-btn: #4a2200; --tg-btn-active: #b34700; } /* ---------------- Куин: слоновая кость и королевское золото ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='queen'] { --bg0: #000000; --bg-mid: #171203; --glow-a: rgba(212, 175, 55, 0.4); --glow-b: rgba(230, 200, 96, 0.13); --brand: #d4af37; --gold: #e6c860; --gold-hi: #fff6d8; --muted: #c9bd94; --tile: rgba(22, 18, 8, 0.92); --tile-border: rgba(212, 175, 55, 0.5); --btn-grad-a: #f0d878; --btn-grad-b: #a8862a; --btn-text: #241c05; --chrome: rgba(10, 8, 2, 0.92); --brand-a08: rgba(212, 175, 55, 0.08); --brand-a10: rgba(212, 175, 55, 0.1); --brand-a12: rgba(212, 175, 55, 0.12); --brand-a16: rgba(212, 175, 55, 0.16); --brand-a22: rgba(212, 175, 55, 0.22); --brand-a35: rgba(212, 175, 55, 0.35); --brand-a45: rgba(212, 175, 55, 0.45); --brand-a70: rgba(212, 175, 55, 0.7); --tg-bg: #000000; --tg-bg2: rgba(10, 8, 2, 0.96); --tg-bubble: rgba(22, 18, 8, 0.92); --tg-bubble-border: rgba(212, 175, 55, 0.45); --tg-accent: #e6c860; --tg-muted: #c9bd94; --tg-btn: #4a3c0e; --tg-btn-active: #a8862a; } /* ---------------- Тейкер: пурпур и кладбище ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='taker'] { --bg0: #000000; --bg-mid: #0c0814; --glow-a: rgba(123, 94, 167, 0.45); --glow-b: rgba(197, 184, 224, 0.12); --brand: #7b5ea7; --gold: #c5b8e0; --gold-hi: #efe8ff; --muted: #b4a8c9; --tile: rgba(14, 10, 20, 0.93); --tile-border: rgba(123, 94, 167, 0.5); --btn-grad-a: #a48bc8; --btn-grad-b: #4a2f6e; --btn-text: #f4eefe; --chrome: rgba(6, 4, 10, 0.94); --brand-a08: rgba(123, 94, 167, 0.08); --brand-a10: rgba(123, 94, 167, 0.1); --brand-a12: rgba(123, 94, 167, 0.12); --brand-a16: rgba(123, 94, 167, 0.16); --brand-a22: rgba(123, 94, 167, 0.22); --brand-a35: rgba(123, 94, 167, 0.35); --brand-a45: rgba(123, 94, 167, 0.45); --brand-a70: rgba(123, 94, 167, 0.7); --tg-bg: #000000; --tg-bg2: rgba(6, 4, 10, 0.96); --tg-bubble: rgba(14, 10, 20, 0.93); --tg-bubble-border: rgba(123, 94, 167, 0.45); --tg-accent: #c5b8e0; --tg-muted: #b4a8c9; --tg-btn: #2e1c45; --tg-btn-active: #4a2f6e; } /* ---------------- Мачо: неон-розовый и лайм ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='macho'] { --bg0: #000000; --bg-mid: #1a0514; --glow-a: rgba(255, 43, 214, 0.45); --glow-b: rgba(200, 255, 46, 0.14); --brand: #ff2bd6; --gold: #c8ff2e; --gold-hi: #fff7a8; --muted: #d7b3c9; --tile: rgba(26, 6, 20, 0.93); --tile-border: rgba(255, 43, 214, 0.5); --btn-grad-a: #ff79e6; --btn-grad-b: #9a1480; --btn-text: #140210; --chrome: rgba(12, 2, 10, 0.94); --brand-a08: rgba(255, 43, 214, 0.08); --brand-a10: rgba(255, 43, 214, 0.1); --brand-a12: rgba(255, 43, 214, 0.12); --brand-a16: rgba(255, 43, 214, 0.16); --brand-a22: rgba(255, 43, 214, 0.22); --brand-a35: rgba(255, 43, 214, 0.35); --brand-a45: rgba(255, 43, 214, 0.45); --brand-a70: rgba(255, 43, 214, 0.7); --tg-bg: #000000; --tg-bg2: rgba(12, 2, 10, 0.96); --tg-bubble: rgba(26, 6, 20, 0.93); --tg-bubble-border: rgba(255, 43, 214, 0.45); --tg-accent: #c8ff2e; --tg-muted: #d7b3c9; --tg-btn: #5a0a48; --tg-btn-active: #9a1480; } /* ---------------- Эдди: красный лоурайдер и золото ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='eddie'] { --bg0: #000000; --bg-mid: #140404; --glow-a: rgba(225, 6, 0, 0.45); --glow-b: rgba(255, 208, 0, 0.14); --brand: #e10600; --gold: #ffd000; --gold-hi: #fff3a8; --muted: #d7b3a8; --tile: rgba(22, 6, 6, 0.93); --tile-border: rgba(225, 6, 0, 0.5); --btn-grad-a: #ff4d4d; --btn-grad-b: #8a0000; --btn-text: #fff6e8; --chrome: rgba(10, 2, 2, 0.94); --brand-a08: rgba(225, 6, 0, 0.08); --brand-a10: rgba(225, 6, 0, 0.1); --brand-a12: rgba(225, 6, 0, 0.12); --brand-a16: rgba(225, 6, 0, 0.16); --brand-a22: rgba(225, 6, 0, 0.22); --brand-a35: rgba(225, 6, 0, 0.35); --brand-a45: rgba(225, 6, 0, 0.45); --brand-a70: rgba(225, 6, 0, 0.7); --tg-bg: #000000; --tg-bg2: rgba(10, 2, 2, 0.96); --tg-bubble: rgba(22, 6, 6, 0.93); --tg-bubble-border: rgba(225, 6, 0, 0.45); --tg-accent: #ffd000; --tg-muted: #d7b3a8; --tg-btn: #5a0000; --tg-btn-active: #8a0000; } /* ---------------- Флэр: рубин и пайетки Nature Boy ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='flair'] { --bg0: #000000; --bg-mid: #160606; --glow-a: rgba(196, 30, 58, 0.45); --glow-b: rgba(240, 193, 75, 0.16); --brand: #c41e3a; --gold: #f0c14b; --gold-hi: #fff3c4; --muted: #d4b8a4; --tile: rgba(24, 8, 8, 0.93); --tile-border: rgba(196, 30, 58, 0.5); --btn-grad-a: #ffd86a; --btn-grad-b: #8a1020; --btn-text: #1a0808; --chrome: rgba(10, 2, 2, 0.94); --brand-a08: rgba(196, 30, 58, 0.08); --brand-a10: rgba(196, 30, 58, 0.1); --brand-a12: rgba(196, 30, 58, 0.12); --brand-a16: rgba(196, 30, 58, 0.16); --brand-a22: rgba(196, 30, 58, 0.22); --brand-a35: rgba(196, 30, 58, 0.35); --brand-a45: rgba(196, 30, 58, 0.45); --brand-a70: rgba(196, 30, 58, 0.7); --tg-bg: #000000; --tg-bg2: rgba(10, 2, 2, 0.96); --tg-bubble: rgba(24, 8, 8, 0.93); --tg-bubble-border: rgba(196, 30, 58, 0.45); --tg-accent: #f0c14b; --tg-muted: #d4b8a4; --tg-btn: #5a1018; --tg-btn-active: #8a1020; } /* ---------------- Лив: неон-розовый хаос изгоя ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='liv'] { --bg0: #000000; --bg-mid: #160510; --glow-a: rgba(255, 61, 138, 0.48); --glow-b: rgba(255, 194, 220, 0.16); --brand: #ff3d8a; --gold: #ffc2dc; --gold-hi: #ffe6f2; --muted: #d9b3c4; --tile: rgba(24, 6, 16, 0.93); --tile-border: rgba(255, 61, 138, 0.5); --btn-grad-a: #ff7ab3; --btn-grad-b: #9a1450; --btn-text: #1a0510; --chrome: rgba(10, 2, 8, 0.94); --brand-a08: rgba(255, 61, 138, 0.08); --brand-a10: rgba(255, 61, 138, 0.1); --brand-a12: rgba(255, 61, 138, 0.12); --brand-a16: rgba(255, 61, 138, 0.16); --brand-a22: rgba(255, 61, 138, 0.22); --brand-a35: rgba(255, 61, 138, 0.35); --brand-a45: rgba(255, 61, 138, 0.45); --brand-a70: rgba(255, 61, 138, 0.7); --tg-bg: #000000; --tg-bg2: rgba(10, 2, 8, 0.96); --tg-bubble: rgba(24, 6, 16, 0.93); --tg-bubble-border: rgba(255, 61, 138, 0.45); --tg-accent: #ffc2dc; --tg-muted: #d9b3c4; --tg-btn: #5a0a30; --tg-btn-active: #9a1450; } /* ---------------- Финн: кровь и чёрно-белый too sweet ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='finn'] { --bg0: #000000; --bg-mid: #0a0506; --glow-a: rgba(196, 18, 47, 0.46); --glow-b: rgba(232, 232, 232, 0.12); --brand: #c4122f; --gold: #e8e8e8; --gold-hi: #ffffff; --muted: #c4b4b6; --tile: rgba(12, 4, 6, 0.94); --tile-border: rgba(196, 18, 47, 0.5); --btn-grad-a: #e8e8e8; --btn-grad-b: #7a0a1c; --btn-text: #140408; --chrome: rgba(4, 2, 2, 0.95); --brand-a08: rgba(196, 18, 47, 0.08); --brand-a10: rgba(196, 18, 47, 0.1); --brand-a12: rgba(196, 18, 47, 0.12); --brand-a16: rgba(196, 18, 47, 0.16); --brand-a22: rgba(196, 18, 47, 0.22); --brand-a35: rgba(196, 18, 47, 0.35); --brand-a45: rgba(196, 18, 47, 0.45); --brand-a70: rgba(196, 18, 47, 0.7); --tg-bg: #000000; --tg-bg2: rgba(4, 2, 2, 0.96); --tg-bubble: rgba(12, 4, 6, 0.94); --tg-bubble-border: rgba(196, 18, 47, 0.45); --tg-accent: #e8e8e8; --tg-muted: #c4b4b6; --tg-btn: #4a0810; --tg-btn-active: #7a0a1c; } /* ---------------- Сет: визионер, бархат и золотая вышивка ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='seth'] { --bg0: #000000; --bg-mid: #0c1018; --glow-a: rgba(201, 162, 39, 0.45); --glow-b: rgba(28, 58, 120, 0.28); --brand: #c9a227; --gold: #e8c56b; --gold-hi: #fff1c4; --muted: #c4c0b4; --tile: rgba(12, 16, 24, 0.94); --tile-border: rgba(201, 162, 39, 0.5); --btn-grad-a: #e8c56b; --btn-grad-b: #1a3a78; --btn-text: #0c1018; --chrome: rgba(6, 8, 14, 0.95); --brand-a08: rgba(201, 162, 39, 0.08); --brand-a10: rgba(201, 162, 39, 0.1); --brand-a12: rgba(201, 162, 39, 0.12); --brand-a16: rgba(201, 162, 39, 0.16); --brand-a22: rgba(201, 162, 39, 0.22); --brand-a35: rgba(201, 162, 39, 0.35); --brand-a45: rgba(201, 162, 39, 0.45); --brand-a70: rgba(201, 162, 39, 0.7); --tg-bg: #000000; --tg-bg2: rgba(6, 8, 14, 0.96); --tg-bubble: rgba(12, 16, 24, 0.93); --tg-bubble-border: rgba(201, 162, 39, 0.45); --tg-accent: #e8c56b; --tg-muted: #c4c0b4; --tg-btn: #1a3a78; --tg-btn-active: #c9a227; } /* ---------------- Сет · Визионер: пурпур, леопард, циан ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='seth'][data-mascot-costume='visionary'] { --bg0: #000000; --bg-mid: #160814; --glow-a: rgba(196, 90, 212, 0.5); --glow-b: rgba(45, 226, 230, 0.22); --brand: #c45ad4; --gold: #e8c56b; --gold-hi: #ffe9a8; --muted: #c9b8d4; --tile: rgba(22, 8, 20, 0.94); --tile-border: rgba(196, 90, 212, 0.55); --btn-grad-a: #e8c56b; --btn-grad-b: #7b2cbf; --btn-text: #140818; --chrome: rgba(10, 4, 12, 0.95); --brand-a08: rgba(196, 90, 212, 0.08); --brand-a10: rgba(196, 90, 212, 0.1); --brand-a12: rgba(196, 90, 212, 0.12); --brand-a16: rgba(196, 90, 212, 0.16); --brand-a22: rgba(196, 90, 212, 0.22); --brand-a35: rgba(196, 90, 212, 0.35); --brand-a45: rgba(196, 90, 212, 0.45); --brand-a70: rgba(196, 90, 212, 0.7); --tg-bg: #000000; --tg-bg2: rgba(10, 4, 12, 0.96); --tg-bubble: rgba(22, 8, 20, 0.94); --tg-bubble-border: rgba(196, 90, 212, 0.5); --tg-accent: #c45ad4; --tg-muted: #c9b8d4; --tg-btn: #7b2cbf; --tg-btn-active: #e8c56b; } /* ---------------- Роман: вождь, кровь и золото стаи ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='roman'] { --bg0: #000000; --bg-mid: #10080a; --glow-a: rgba(158, 27, 50, 0.46); --glow-b: rgba(196, 163, 90, 0.14); --brand: #9e1b32; --gold: #c4a35a; --gold-hi: #f0e0b8; --muted: #c9b8a8; --tile: rgba(18, 8, 10, 0.94); --tile-border: rgba(158, 27, 50, 0.5); --btn-grad-a: #c4a35a; --btn-grad-b: #6a1020; --btn-text: #140808; --chrome: rgba(6, 2, 4, 0.95); --brand-a08: rgba(158, 27, 50, 0.08); --brand-a10: rgba(158, 27, 50, 0.1); --brand-a12: rgba(158, 27, 50, 0.12); --brand-a16: rgba(158, 27, 50, 0.16); --brand-a22: rgba(158, 27, 50, 0.22); --brand-a35: rgba(158, 27, 50, 0.35); --brand-a45: rgba(158, 27, 50, 0.45); --brand-a70: rgba(158, 27, 50, 0.7); --tg-bg: #000000; --tg-bg2: rgba(6, 2, 4, 0.96); --tg-bubble: rgba(18, 8, 10, 0.94); --tg-bubble-border: rgba(158, 27, 50, 0.45); --tg-accent: #c4a35a; --tg-muted: #c9b8a8; --tg-btn: #4a0c16; --tg-btn-active: #6a1020; } /* ---------------- Джерико: пурпур рок-н-ролла ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='jericho'] { --bg0: #000000; --bg-mid: #120814; --glow-a: rgba(123, 45, 139, 0.45); --glow-b: rgba(232, 197, 71, 0.14); --brand: #7b2d8b; --gold: #e8c547; --gold-hi: #fff3b0; --muted: #c9b8c8; --tile: rgba(18, 8, 20, 0.93); --tile-border: rgba(123, 45, 139, 0.5); --btn-grad-a: #e8c547; --btn-grad-b: #5a1a68; --btn-text: #140816; --chrome: rgba(8, 2, 10, 0.94); --brand-a08: rgba(123, 45, 139, 0.08); --brand-a10: rgba(123, 45, 139, 0.1); --brand-a12: rgba(123, 45, 139, 0.12); --brand-a16: rgba(123, 45, 139, 0.16); --brand-a22: rgba(123, 45, 139, 0.22); --brand-a35: rgba(123, 45, 139, 0.35); --brand-a45: rgba(123, 45, 139, 0.45); --brand-a70: rgba(123, 45, 139, 0.7); --tg-bg: #000000; --tg-bg2: rgba(8, 2, 10, 0.96); --tg-bubble: rgba(18, 8, 20, 0.93); --tg-bubble-border: rgba(123, 45, 139, 0.45); --tg-accent: #e8c547; --tg-muted: #c9b8c8; --tg-btn: #3a1048; --tg-btn-active: #5a1a68; } /* ---------------- Кит: пурпур и золото без границ ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='keith'] { --bg0: #000000; --bg-mid: #100818; --glow-a: rgba(107, 63, 160, 0.46); --glow-b: rgba(255, 211, 106, 0.16); --brand: #6b3fa0; --gold: #ffd36a; --gold-hi: #fff1c4; --muted: #c4b4d4; --tile: rgba(16, 8, 24, 0.93); --tile-border: rgba(107, 63, 160, 0.5); --btn-grad-a: #ffd36a; --btn-grad-b: #4a2878; --btn-text: #140818; --chrome: rgba(6, 2, 12, 0.94); --brand-a08: rgba(107, 63, 160, 0.08); --brand-a10: rgba(107, 63, 160, 0.1); --brand-a12: rgba(107, 63, 160, 0.12); --brand-a16: rgba(107, 63, 160, 0.16); --brand-a22: rgba(107, 63, 160, 0.22); --brand-a35: rgba(107, 63, 160, 0.35); --brand-a45: rgba(107, 63, 160, 0.45); --brand-a70: rgba(107, 63, 160, 0.7); --tg-bg: #000000; --tg-bg2: rgba(6, 2, 12, 0.96); --tg-bubble: rgba(16, 8, 24, 0.93); --tg-bubble-border: rgba(107, 63, 160, 0.45); --tg-accent: #ffd36a; --tg-muted: #c4b4d4; --tg-btn: #2e1850; --tg-btn-active: #4a2878; } /* ---------------- Бэйли: небо и объятия ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='bayley'] { --bg0: #000000; --bg-mid: #081018; --glow-a: rgba(74, 158, 219, 0.45); --glow-b: rgba(255, 138, 184, 0.16); --brand: #4a9edb; --gold: #ff8ab8; --gold-hi: #ffe0ee; --muted: #a8c4d4; --tile: rgba(8, 16, 24, 0.93); --tile-border: rgba(74, 158, 219, 0.5); --btn-grad-a: #7ec4f0; --btn-grad-b: #1a5a8a; --btn-text: #061018; --chrome: rgba(4, 8, 14, 0.94); --brand-a08: rgba(74, 158, 219, 0.08); --brand-a10: rgba(74, 158, 219, 0.1); --brand-a12: rgba(74, 158, 219, 0.12); --brand-a16: rgba(74, 158, 219, 0.16); --brand-a22: rgba(74, 158, 219, 0.22); --brand-a35: rgba(74, 158, 219, 0.35); --brand-a45: rgba(74, 158, 219, 0.45); --brand-a70: rgba(74, 158, 219, 0.7); --tg-bg: #000000; --tg-bg2: rgba(4, 8, 14, 0.96); --tg-bubble: rgba(8, 16, 24, 0.93); --tg-bubble-border: rgba(74, 158, 219, 0.45); --tg-accent: #ff8ab8; --tg-muted: #a8c4d4; --tg-btn: #0e3a5c; --tg-btn-active: #1a5a8a; } /* ---------------- Чайна: бургунди и серебро девятого чуда ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='chyna'] { --bg0: #000000; --bg-mid: #10080c; --glow-a: rgba(154, 27, 74, 0.45); --glow-b: rgba(212, 196, 160, 0.16); --brand: #9a1b4a; --gold: #d4c4a0; --gold-hi: #f4ead4; --muted: #c9b4b0; --tile: rgba(16, 8, 12, 0.94); --tile-border: rgba(154, 27, 74, 0.5); --btn-grad-a: #d4c4a0; --btn-grad-b: #5a1028; --btn-text: #14080c; --chrome: rgba(6, 2, 4, 0.95); --brand-a08: rgba(154, 27, 74, 0.08); --brand-a10: rgba(154, 27, 74, 0.1); --brand-a12: rgba(154, 27, 74, 0.12); --brand-a16: rgba(154, 27, 74, 0.16); --brand-a22: rgba(154, 27, 74, 0.22); --brand-a35: rgba(154, 27, 74, 0.35); --brand-a45: rgba(154, 27, 74, 0.45); --brand-a70: rgba(154, 27, 74, 0.7); --tg-bg: #000000; --tg-bg2: rgba(6, 2, 4, 0.96); --tg-bubble: rgba(16, 8, 12, 0.94); --tg-bubble-border: rgba(154, 27, 74, 0.45); --tg-accent: #d4c4a0; --tg-muted: #c9b4b0; --tg-btn: #3a0c1c; --tg-btn-active: #5a1028; } /* ---------------- Сина: синий орёл и оранжевый hustle ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='cena'] { --bg0: #000000; --bg-mid: #081018; --glow-a: rgba(30, 90, 168, 0.45); --glow-b: rgba(242, 101, 34, 0.16); --brand: #1e5aa8; --gold: #f26522; --gold-hi: #ffd4b8; --muted: #a8b8c9; --tile: rgba(8, 16, 24, 0.94); --tile-border: rgba(30, 90, 168, 0.5); --btn-grad-a: #f26522; --btn-grad-b: #123a70; --btn-text: #fff8f0; --chrome: rgba(4, 8, 14, 0.95); --brand-a08: rgba(30, 90, 168, 0.08); --brand-a10: rgba(30, 90, 168, 0.1); --brand-a12: rgba(30, 90, 168, 0.12); --brand-a16: rgba(30, 90, 168, 0.16); --brand-a22: rgba(30, 90, 168, 0.22); --brand-a35: rgba(30, 90, 168, 0.35); --brand-a45: rgba(30, 90, 168, 0.45); --brand-a70: rgba(30, 90, 168, 0.7); --tg-bg: #000000; --tg-bg2: rgba(4, 8, 14, 0.96); --tg-bubble: rgba(8, 16, 24, 0.94); --tg-bubble-border: rgba(30, 90, 168, 0.45); --tg-accent: #f26522; --tg-muted: #a8b8c9; --tg-btn: #123a70; --tg-btn-active: #1e5aa8; } /* ---------------- Трипл-Эйч: король королей, navy и серебро ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='hhh'] { --bg0: #000000; --bg-mid: #080c14; --glow-a: rgba(26, 54, 93, 0.46); --glow-b: rgba(192, 200, 212, 0.14); --brand: #1a365d; --gold: #c0c8d4; --gold-hi: #eef2f6; --muted: #a8b4c4; --tile: rgba(8, 12, 20, 0.94); --tile-border: rgba(26, 54, 93, 0.5); --btn-grad-a: #c0c8d4; --btn-grad-b: #0e2448; --btn-text: #081018; --chrome: rgba(4, 6, 10, 0.95); --brand-a08: rgba(26, 54, 93, 0.08); --brand-a10: rgba(26, 54, 93, 0.1); --brand-a12: rgba(26, 54, 93, 0.12); --brand-a16: rgba(26, 54, 93, 0.16); --brand-a22: rgba(26, 54, 93, 0.22); --brand-a35: rgba(26, 54, 93, 0.35); --brand-a45: rgba(26, 54, 93, 0.45); --brand-a70: rgba(26, 54, 93, 0.7); --tg-bg: #000000; --tg-bg2: rgba(4, 6, 10, 0.96); --tg-bubble: rgba(8, 12, 20, 0.94); --tg-bubble-border: rgba(26, 54, 93, 0.45); --tg-accent: #c0c8d4; --tg-muted: #a8b4c4; --tg-btn: #0e2448; --tg-btn-active: #1a365d; } /* ---------------- Голдберг: красный разгон и серебро ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='goldberg'] { --bg0: #000000; --bg-mid: #100808; --glow-a: rgba(196, 30, 30, 0.46); --glow-b: rgba(208, 208, 208, 0.12); --brand: #c41e1e; --gold: #d0d0d0; --gold-hi: #f0f0f0; --muted: #c4b4b0; --tile: rgba(16, 8, 8, 0.94); --tile-border: rgba(196, 30, 30, 0.5); --btn-grad-a: #d0d0d0; --btn-grad-b: #7a1010; --btn-text: #140404; --chrome: rgba(6, 2, 2, 0.95); --brand-a08: rgba(196, 30, 30, 0.08); --brand-a10: rgba(196, 30, 30, 0.1); --brand-a12: rgba(196, 30, 30, 0.12); --brand-a16: rgba(196, 30, 30, 0.16); --brand-a22: rgba(196, 30, 30, 0.22); --brand-a35: rgba(196, 30, 30, 0.35); --brand-a45: rgba(196, 30, 30, 0.45); --brand-a70: rgba(196, 30, 30, 0.7); --tg-bg: #000000; --tg-bg2: rgba(6, 2, 2, 0.96); --tg-bubble: rgba(16, 8, 8, 0.94); --tg-bubble-border: rgba(196, 30, 30, 0.45); --tg-accent: #d0d0d0; --tg-muted: #c4b4b0; --tg-btn: #7a1010; --tg-btn-active: #c41e1e; } /* ---------------- Винс: navy-босс и золото шоу ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='vince'] { --bg0: #000000; --bg-mid: #060a12; --glow-a: rgba(10, 22, 40, 0.5); --glow-b: rgba(212, 175, 55, 0.18); --brand: #d4af37; --gold: #d4af37; --gold-hi: #fff1b0; --muted: #b8b0a0; --tile: rgba(8, 12, 18, 0.95); --tile-border: rgba(212, 175, 55, 0.45); --btn-grad-a: #d4af37; --btn-grad-b: #0a1628; --btn-text: #140c02; --chrome: rgba(2, 4, 8, 0.96); --brand-a08: rgba(212, 175, 55, 0.08); --brand-a10: rgba(212, 175, 55, 0.1); --brand-a12: rgba(212, 175, 55, 0.12); --brand-a16: rgba(212, 175, 55, 0.16); --brand-a22: rgba(212, 175, 55, 0.22); --brand-a35: rgba(212, 175, 55, 0.35); --brand-a45: rgba(212, 175, 55, 0.45); --brand-a70: rgba(212, 175, 55, 0.7); --tg-bg: #000000; --tg-bg2: rgba(2, 4, 8, 0.96); --tg-bubble: rgba(8, 12, 18, 0.95); --tg-bubble-border: rgba(212, 175, 55, 0.45); --tg-accent: #d4af37; --tg-muted: #b8b0a0; --tg-btn: #3a2a08; --tg-btn-active: #6a5010; } /* ---------------- Бекки: оранжевый огонь The Man ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='becky'] { --bg0: #000000; --bg-mid: #160a04; --glow-a: rgba(232, 93, 4, 0.46); --glow-b: rgba(255, 183, 3, 0.14); --brand: #e85d04; --gold: #ffb703; --gold-hi: #ffe8b0; --muted: #c9b09a; --tile: rgba(22, 10, 4, 0.93); --tile-border: rgba(232, 93, 4, 0.5); --btn-grad-a: #ffb703; --btn-grad-b: #9a3a00; --btn-text: #1a0a02; --chrome: rgba(10, 4, 2, 0.94); --brand-a08: rgba(232, 93, 4, 0.08); --brand-a10: rgba(232, 93, 4, 0.1); --brand-a12: rgba(232, 93, 4, 0.12); --brand-a16: rgba(232, 93, 4, 0.16); --brand-a22: rgba(232, 93, 4, 0.22); --brand-a35: rgba(232, 93, 4, 0.35); --brand-a45: rgba(232, 93, 4, 0.45); --brand-a70: rgba(232, 93, 4, 0.7); --tg-bg: #000000; --tg-bg2: rgba(10, 4, 2, 0.96); --tg-bubble: rgba(22, 10, 4, 0.93); --tg-bubble-border: rgba(232, 93, 4, 0.45); --tg-accent: #ffb703; --tg-muted: #c9b09a; --tg-btn: #9a3a00; --tg-btn-active: #e85d04; } /* ---------------- Бианка: фиолет EST и золото ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='bianca'] { --bg0: #000000; --bg-mid: #100818; --glow-a: rgba(123, 45, 255, 0.45); --glow-b: rgba(240, 193, 75, 0.16); --brand: #7b2dff; --gold: #f0c14b; --gold-hi: #fff3c4; --muted: #c4b4d8; --tile: rgba(16, 8, 24, 0.93); --tile-border: rgba(123, 45, 255, 0.5); --btn-grad-a: #f0c14b; --btn-grad-b: #4a1480; --btn-text: #140818; --chrome: rgba(6, 2, 12, 0.94); --brand-a08: rgba(123, 45, 255, 0.08); --brand-a10: rgba(123, 45, 255, 0.1); --brand-a12: rgba(123, 45, 255, 0.12); --brand-a16: rgba(123, 45, 255, 0.16); --brand-a22: rgba(123, 45, 255, 0.22); --brand-a35: rgba(123, 45, 255, 0.35); --brand-a45: rgba(123, 45, 255, 0.45); --brand-a70: rgba(123, 45, 255, 0.7); --tg-bg: #000000; --tg-bg2: rgba(6, 2, 12, 0.96); --tg-bubble: rgba(16, 8, 24, 0.93); --tg-bubble-border: rgba(123, 45, 255, 0.45); --tg-accent: #f0c14b; --tg-muted: #c4b4d8; --tg-btn: #4a1480; --tg-btn-active: #7b2dff; } /* ---------------- Аска: багровый императорский и золото ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='asuka'] { --bg0: #000000; --bg-mid: #120808; --glow-a: rgba(139, 16, 32, 0.46); --glow-b: rgba(232, 197, 71, 0.14); --brand: #8b1020; --gold: #e8c547; --gold-hi: #fff3b0; --muted: #c4b0a8; --tile: rgba(18, 8, 8, 0.94); --tile-border: rgba(139, 16, 32, 0.5); --btn-grad-a: #e8c547; --btn-grad-b: #5a0a14; --btn-text: #140404; --chrome: rgba(8, 2, 4, 0.95); --brand-a08: rgba(139, 16, 32, 0.08); --brand-a10: rgba(139, 16, 32, 0.1); --brand-a12: rgba(139, 16, 32, 0.12); --brand-a16: rgba(139, 16, 32, 0.16); --brand-a22: rgba(139, 16, 32, 0.22); --brand-a35: rgba(139, 16, 32, 0.35); --brand-a45: rgba(139, 16, 32, 0.45); --brand-a70: rgba(139, 16, 32, 0.7); --tg-bg: #000000; --tg-bg2: rgba(8, 2, 4, 0.96); --tg-bubble: rgba(18, 8, 8, 0.94); --tg-bubble-border: rgba(139, 16, 32, 0.45); --tg-accent: #e8c547; --tg-muted: #c4b0a8; --tg-btn: #5a0a14; --tg-btn-active: #8b1020; } /* ---------------- Стелла: пыльная роза и сливки ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='stella'] { --bg0: #000000; --bg-mid: #141010; --glow-a: rgba(201, 123, 138, 0.42); --glow-b: rgba(232, 213, 160, 0.16); --brand: #c97b8a; --gold: #e8d5a0; --gold-hi: #fff6e0; --muted: #c9b8b0; --tile: rgba(20, 16, 16, 0.93); --tile-border: rgba(201, 123, 138, 0.5); --btn-grad-a: #e8d5a0; --btn-grad-b: #7a4050; --btn-text: #140c0c; --chrome: rgba(8, 6, 6, 0.94); --brand-a08: rgba(201, 123, 138, 0.08); --brand-a10: rgba(201, 123, 138, 0.1); --brand-a12: rgba(201, 123, 138, 0.12); --brand-a16: rgba(201, 123, 138, 0.16); --brand-a22: rgba(201, 123, 138, 0.22); --brand-a35: rgba(201, 123, 138, 0.35); --brand-a45: rgba(201, 123, 138, 0.45); --brand-a70: rgba(201, 123, 138, 0.7); --tg-bg: #000000; --tg-bg2: rgba(8, 6, 6, 0.96); --tg-bubble: rgba(20, 16, 16, 0.93); --tg-bubble-border: rgba(201, 123, 138, 0.45); --tg-accent: #e8d5a0; --tg-muted: #c9b8b0; --tg-btn: #7a4050; --tg-btn-active: #c97b8a; } /* ---------------- Коди: феникс, белая куртка, золото и алый ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='cody'] { --bg0: #000000; --bg-mid: #12080c; --glow-a: rgba(196, 30, 58, 0.45); --glow-b: rgba(212, 175, 55, 0.18); --brand: #c41e3a; --gold: #d4af37; --gold-hi: #fff1b0; --muted: #c9b8a8; --tile: rgba(18, 8, 12, 0.94); --tile-border: rgba(196, 30, 58, 0.5); --btn-grad-a: #f0e6d0; --btn-grad-b: #8a1428; --btn-text: #140808; --chrome: rgba(8, 4, 6, 0.95); --brand-a08: rgba(196, 30, 58, 0.08); --brand-a10: rgba(196, 30, 58, 0.1); --brand-a12: rgba(196, 30, 58, 0.12); --brand-a16: rgba(196, 30, 58, 0.16); --brand-a22: rgba(196, 30, 58, 0.22); --brand-a35: rgba(196, 30, 58, 0.35); --brand-a45: rgba(196, 30, 58, 0.45); --brand-a70: rgba(196, 30, 58, 0.7); --tg-bg: #000000; --tg-bg2: rgba(8, 4, 6, 0.96); --tg-bubble: rgba(18, 8, 12, 0.94); --tg-bubble-border: rgba(196, 30, 58, 0.45); --tg-accent: #d4af37; --tg-muted: #c9b8a8; --tg-btn: #8a1428; --tg-btn-active: #c41e3a; } /* ---------------- Одри: чёрный лебедь, серебро и вишня ---------------- */ html.brand-theme-on.mascot-theme-on[data-mascot-skin='odri'] { --bg0: #000000; --bg-mid: #0c0c10; --glow-a: rgba(139, 30, 63, 0.42); --glow-b: rgba(200, 196, 188, 0.16); --brand: #8b1e3f; --gold: #c8c4bc; --gold-hi: #f2efe8; --muted: #b8b4ae; --tile: rgba(12, 12, 16, 0.94); --tile-border: rgba(139, 30, 63, 0.5); --btn-grad-a: #e8e4dc; --btn-grad-b: #5a1428; --btn-text: #12080c; --chrome: rgba(6, 6, 8, 0.95); --brand-a08: rgba(139, 30, 63, 0.08); --brand-a10: rgba(139, 30, 63, 0.1); --brand-a12: rgba(139, 30, 63, 0.12); --brand-a16: rgba(139, 30, 63, 0.16); --brand-a22: rgba(139, 30, 63, 0.22); --brand-a35: rgba(139, 30, 63, 0.35); --brand-a45: rgba(139, 30, 63, 0.45); --brand-a70: rgba(139, 30, 63, 0.7); --tg-bg: #000000; --tg-bg2: rgba(6, 6, 8, 0.96); --tg-bubble: rgba(12, 12, 16, 0.94); --tg-bubble-border: rgba(139, 30, 63, 0.45); --tg-accent: #c8c4bc; --tg-muted: #b8b4ae; --tg-btn: #5a1428; --tg-btn-active: #8b1e3f; }