/* ============================================================ ТЕМА ОФОРМЛЕНИЯ "КРОВЬ СИСТЕМЫ" — тёмная тема сайта. Покупается в магазине, включается через POST /api/site-theme. Применяется как класс .theme-blood на (см. js/theme-starry.js). ФАЙЛ СГЕНЕРИРОВАН из css/theme-starry.css скриптом gen-dark-theme.js. Правки набора селекторов вносить в звёздную тему и перегенерировать, иначе темы разъедутся: новый компонент появится в одной и останется светлым пятном в остальных. Отличие от звёздной, помимо палитры: почти чёрный фон, багровая подсветка блоков и ASCII-дождь на фоне. ============================================================ */ html.theme-blood body { background: linear-gradient(160deg, #080103 0%, #120309 35%, #1c0510 70%, #050102 100%) !important; } /* Экраны-контейнеры (menu-screen и т.п.) обычно САМИ рисуют непрозрачный фон поверх всего (position:fixed;inset:0), из-за чего канвас со звёздами (z-index:0, см. ниже) оказался бы под ними и никогда не был виден. Делаем их прозрачными в этой теме — тёмный градиент и звёзды видны сквозь них с уровня body/canvas. */ html.theme-blood .menu-screen, html.theme-blood .spider-screen, html.theme-blood .monopoly-screen, html.theme-blood .mafia-screen, html.theme-blood .modal-screen, html.theme-blood .standalone-intro { background: transparent !important; } /* Лендинговые страницы игр (games/ИМЯ-ИГРЫ/index.html — "Монополия онлайн...", "Мафия онлайн..." и т.д., отдельные от самого игрового экрана) держат свою карточку-описание в .standalone-intro-card — та же "стеклянная" логика, что и у .menu-card/.game-card ниже (объединено с той же группой селекторов намеренно). Заголовки h1/h2 внутри неё объединены с группой .hero-title ниже (не отдельным правилом) — по необъяснённой причине браузер иногда молча "теряет" отдельно стоящее правило с этим конкретным селектором при парсинге (воспроизведено и подтверждено: rule count в разобранной таблице стилей на 1 меньше, чем количество правил в самом файле) — объединение с уже работающей группой надёжно обходит эту особенность. */ html.theme-blood .standalone-home-link, html.theme-blood .standalone-footnote { color: #b07c88 !important; } /* Ночные оттенки карточек/панелей — те же полупрозрачные "стеклянные" блоки, что и в светлой теме, просто на тёмной подложке с холодным лунным акцентом вместо тёплого сиреневого. */ html.theme-blood .menu-card, html.theme-blood .game-card, html.theme-blood .rating-panel, html.theme-blood .auth-modal-card, html.theme-blood .profile-modal-card, html.theme-blood .standalone-intro-card { background: rgba(34, 6, 14, 0.55) !important; border-color: rgba(255, 42, 68, 0.18) !important; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7) !important; color: #f2ccd2; } html.theme-blood .header-balance { background: rgba(34, 6, 14, 0.55) !important; border-color: rgba(255, 42, 68, 0.25) !important; } html.theme-blood .header-logo { background: linear-gradient(135deg, #ff97a6, #ff2a44) !important; -webkit-background-clip: text !important; } html.theme-blood .hero-title, html.theme-blood .profile-header-name, html.theme-blood .game-name, html.theme-blood .standalone-intro-card h1, html.theme-blood .standalone-intro-card h2 { color: #ffd8de !important; } html.theme-blood .hero-sub, html.theme-blood .game-desc, html.theme-blood .game-players { color: #b8848e; } /* ============================================================ ПОЛНЫЙ ПРОХОД ПО ТЕКСТУ И ОСТАВШИМСЯ СВЕТЛЫМ БЛОКАМ ------------------------------------------------------------ Правило темы: тёмный фон -> весь текст интерфейса белый/светлый, светлый фон -> весь текст тёмный (как было). До этого раздела переопределялись только несколько заметных мест — здесь собраны ВСЕ оставшиеся классы сайта с жёстко заданным тёмно-фиолетовым (#3a2a4a и похожие) или приглушённо-серым (#9080b0 и похожие) текстом, из-за которых на тёмном фоне буквы становились еле видны или сливались совсем (ровно баг с никами в рейтинге и цифрами баланса на скриншотах). Карт самих игр (.spider-card, доска монополии и т.п.) это НЕ касается — у них всегда свой белый фон независимо от темы сайта, трогать не нужно. ============================================================ */ /* -- Заголовочный текст (был тёмно-фиолетовым #3a2a4a) -> светлый -- */ html.theme-blood .menu-title, html.theme-blood .auth-form-title, html.theme-blood .auth-account-name, html.theme-blood .header-avatar-menu-name, html.theme-blood .header-balance .balance-amount, html.theme-blood .header-avatar-menu-profile, html.theme-blood .rating-title, html.theme-blood .rname, html.theme-blood .spider-title, html.theme-blood .promo-mycode-history-code, html.theme-blood .shop-item-name, html.theme-blood #mafiaRoomCodeDisplay, html.theme-blood .mafia-count-value, html.theme-blood .mafia-lobby-player-row, html.theme-blood .mafia-lobby-room-host { color: #ffdfe3 !important; } /* -- Приглушённый серо-сиреневый текст (подписи, метки, второстепенные строки) -> светлее, чтобы не терялся на тёмном фоне -- */ html.theme-blood .menu-sub, html.theme-blood .auth-switch-link, html.theme-blood .auth-why-note, html.theme-blood .auth-tiny-note, html.theme-blood .auth-modal-close, html.theme-blood .auth-account-balance, html.theme-blood .nick-row label, html.theme-blood .games-label, html.theme-blood .site-version-footer, html.theme-blood .footer-telegram-link, html.theme-blood .back-link, html.theme-blood .hero-welcome, html.theme-blood .profile-loading, html.theme-blood .profile-tab, html.theme-blood .profile-empty-note, html.theme-blood .profile-history-date, html.theme-blood .rating-empty, html.theme-blood .rmeta, html.theme-blood .rrank, html.theme-blood .rating-my-rank, html.theme-blood .spider-topbar-stats, html.theme-blood .promo-hint, html.theme-blood .promo-mycode-desc, html.theme-blood .promo-empty, html.theme-blood .shop-empty-text, html.theme-blood .shop-item-cat, html.theme-blood .shop-item-desc, html.theme-blood .standalone-intro-card p, html.theme-blood .mafia-switch-label, html.theme-blood .mafia-role-chip-label, html.theme-blood .lobby-list-title, html.theme-blood .lobby-list-empty, html.theme-blood .mafia-lobby-room-meta { color: #c8949e !important; } html.theme-blood .mafia-role-chip:has(input:checked) .mafia-role-chip-label { color: #ff8fa0 !important; } html.theme-blood .rating-my-rank b { color: #ff97a6 !important; } /* -- Поля ввода (логин/пароль/ник/промокод) — были белыми с тёмным текстом, теперь та же лунная "стеклянная" подложка -- */ html.theme-blood .auth-input, html.theme-blood .nick-input, html.theme-blood .promo-input { background: rgba(24, 4, 10, 0.5) !important; border-color: rgba(255, 42, 68, 0.3) !important; color: #ffdfe3 !important; } /* -- Оставшиеся непрозрачные светлые "коробки" — карточка аккаунта, строки рейтинга, выпадающее меню аватарки, карточки магазина, кнопка "Назад" в играх, верхняя панель Пасьянса, неактивные вкладки рейтинга -- все переводим на тот же лунный полупрозрачный стиль -- */ html.theme-blood .auth-account-card, html.theme-blood .rrow, html.theme-blood .header-avatar-menu, html.theme-blood .shop-item-card, html.theme-blood .mono-back, html.theme-blood .spider-topbar, html.theme-blood .spider-undo-btn, html.theme-blood .net-auth-required-box, html.theme-blood .net-btn, html.theme-blood .lang-toggle-btn, html.theme-blood .mafia-settings-section, html.theme-blood .mafia-role-chip, html.theme-blood .mafia-lobby-room-card, html.theme-blood .mafia-lobby-player-row, html.theme-blood .mafia-count-btn, html.theme-blood .room-row, html.theme-blood .net-player-row, html.theme-blood #netRoomCodeDisplay, html.theme-blood .room-code-display, html.theme-blood .net-shuffle-btn, html.theme-blood .panel, html.theme-blood .inp, html.theme-blood .btn-ghost, html.theme-blood .mafia-add-bot-btn { background: rgba(34, 6, 14, 0.55) !important; border-color: rgba(255, 42, 68, 0.22) !important; color: #ffdfe3 !important; } html.theme-blood .panel-title, html.theme-blood .room-name { color: #ffdfe3 !important; } html.theme-blood .or-divider { color: #c8949e !important; } html.theme-blood .or-divider::before, html.theme-blood .or-divider::after { background: rgba(255, 42, 68, 0.22) !important; } html.theme-blood .net-auth-required-text, html.theme-blood .net-lobby-hint, html.theme-blood .net-player-order-label, html.theme-blood .room-meta, html.theme-blood .room-players, html.theme-blood .online-label { color: #c8949e !important; } html.theme-blood .net-player-name { color: #ffdfe3 !important; } html.theme-blood .game-pill, html.theme-blood .header-back-link { background: rgba(170, 20, 40, 0.18) !important; border-color: rgba(255, 42, 68, 0.3) !important; color: #ff93a4 !important; } html.theme-blood .room-icon { background: rgba(255, 42, 68, 0.12) !important; } html.theme-blood .room-join { background: rgba(170, 20, 40, 0.25) !important; color: #ff93a4 !important; } html.theme-blood .online-count { color: #ffdfe3 !important; } /* Экран выбора сложности в Пасьянсе — своя отдельная светлая "стеклянная" коробка карточек выбора, отдельная от всего перечисленного выше. */ html.theme-blood .spider-difficulty-screen h1 { color: #ffdfe3 !important; } html.theme-blood .spider-difficulty-screen p, html.theme-blood .spider-diff-btn .diff-sub { color: #c8949e !important; } html.theme-blood .spider-diff-btn { background: rgba(34, 6, 14, 0.55) !important; border-color: rgba(255, 42, 68, 0.22) !important; } html.theme-blood .spider-diff-btn .diff-label { color: #ffdfe3 !important; } html.theme-blood .spider-win-card { background: rgba(34, 6, 14, 0.92) !important; } html.theme-blood .spider-win-card h2 { color: #ffdfe3 !important; } html.theme-blood .spider-win-card p { color: #c8949e !important; } html.theme-blood .rrow.top1 { background: linear-gradient(135deg, rgba(245, 200, 66, 0.16), rgba(245, 200, 66, 0.05)) !important; border-color: rgba(224, 160, 32, 0.3) !important; } html.theme-blood .rrow.me { background: rgba(170, 20, 40, 0.16) !important; border-color: rgba(255, 70, 92, 0.4) !important; } html.theme-blood .rtab { background: rgba(255, 42, 68, 0.14) !important; color: #dcaab2 !important; } html.theme-blood .rtab:hover { background: rgba(255, 42, 68, 0.24) !important; } html.theme-blood .rtab.active { color: #fff !important; } html.theme-blood .spider-topbar-stats b, html.theme-blood .spider-back-btn { color: #ffdfe3 !important; } html.theme-blood .promo-section-title { color: #eabec6 !important; } html.theme-blood .promo-mycode { background: rgba(255, 42, 68, 0.12) !important; border-color: rgba(255, 42, 68, 0.4) !important; color: #ff97a6 !important; } html.theme-blood .promo-copy-btn, html.theme-blood .shop-item-btn-owned, html.theme-blood .promo-redemption-reward { background: rgba(255, 42, 68, 0.14) !important; color: #ff97a6 !important; } html.theme-blood .auth-logout-btn, html.theme-blood .spider-restart-btn { background: rgba(224, 96, 96, 0.14) !important; border-color: rgba(224, 96, 96, 0.4) !important; } /* Полотно фоновой анимации темы — рисуется в js/theme-starry.js, растянуто на весь экран позади контента (z-index ниже любого интерфейсного элемента), клики сквозь него не блокируются. Канвас ОДИН на все темы: у звёздной на нём падают звёзды, у "Крови системы" — ASCII-дождь. Тема без анимации просто его не показывает. */ /* z-index:-1, а НЕ 0. Элемент с отрицательным z-index рисуется поверх фона родителя, но под всем содержимым в потоке — именно это нам и нужно. При z-index:0 канвас оказывался выше любого непозиционированного контента: на экране выбора сложности в пасьянсе (.spider-difficulty-screen без position/z-index) символы дождя шли прямо по заголовку и тексту. Полагаться на то, что «у всех экранов и так z-index 500+», нельзя — у пасьянса его нет. */ #themeAnimCanvas { position: fixed; inset: 0; z-index: -1; pointer-events: none; display: none; } html.theme-blood #themeAnimCanvas { display: block; } /* Контентные слои сайта и так уже позиционированы поверх (menu-screen и т.д. используют z-index:500+), поэтому канвасу достаточно z-index:0 — он ложится прямо на фон, под всем остальным. */ /* ============================================================ КОМПОНЕНТЫ, ПОЯВИВШИЕСЯ ПОЗЖЕ САМОЙ ТЕМЫ Магазин, профиль и промокоды переписывались уже после того, как этот файл был написан, поэтому их поверхности оставались светлыми на тёмном фоне — светлый текст на светлой плашке. Держим их здесь, вместе с остальными: css/theme-ruby.css генерируется из этого файла, так что добавленное сюда автоматически попадает и во вторую тёмную тему. ============================================================ */ html.theme-blood .shop-card, html.theme-blood .profile-stat-big, html.theme-blood .profile-stat-game-row, html.theme-blood .profile-cosmetic-card, html.theme-blood .profile-pawn-card, html.theme-blood .profile-history-row, html.theme-blood .shop-exchange-box { background: rgba(34, 6, 14, 0.55) !important; border-color: rgba(255, 42, 68, 0.18) !important; color: #ffdfe3 !important; } html.theme-blood .shop-card-name, html.theme-blood .shop-section-title, html.theme-blood .profile-stat-big-num, html.theme-blood .profile-stat-game-name, html.theme-blood .profile-cosmetic-name, html.theme-blood .profile-pawn-label, html.theme-blood .profile-history-game, html.theme-blood .profile-locker-section-title, html.theme-blood .profile-settings-label, html.theme-blood .profile-header-name, html.theme-blood .shop-card-price { color: #ffdfe3 !important; } html.theme-blood .shop-card-desc, html.theme-blood .shop-card-cat, html.theme-blood .shop-section-note, html.theme-blood .profile-stat-big-label, html.theme-blood .profile-stat-game-sub, html.theme-blood .profile-cosmetic-desc, html.theme-blood .profile-history-date, html.theme-blood .profile-settings-hint, html.theme-blood .profile-cosmetics-note, html.theme-blood .shop-empty-text, html.theme-blood .promo-mycode-desc, html.theme-blood .promo-hint { color: #c8949e !important; } /* Блок фактов внутри карточки товара и вкладки-разделы */ html.theme-blood .shop-card-facts { background: rgba(255, 42, 68, 0.1) !important; } html.theme-blood .shop-fact { color: #dcaab2 !important; } html.theme-blood .shop-fact b { color: #ffdfe3 !important; } html.theme-blood .shop-tab, html.theme-blood .profile-tab { color: #b8848e !important; } html.theme-blood .shop-tab.active, html.theme-blood .profile-tab.active { color: #ff97a6 !important; } html.theme-blood .shop-tabs, html.theme-blood .profile-tabs { border-color: rgba(255, 42, 68, 0.18) !important; } html.theme-blood .profile-modal-header, html.theme-blood .rating-my-rank { border-color: rgba(255, 42, 68, 0.18) !important; } /* Поля ввода внутри магазина/промокодов */ html.theme-blood .shop-exchange-input, html.theme-blood .promo-input { background: rgba(24, 4, 10, 0.5) !important; border-color: rgba(255, 42, 68, 0.22) !important; color: #ffdfe3 !important; } /* Блок "нужна подтверждённая почта" и статус почты в профиле: тёмный текст по светлой янтарной подложке на тёмном фоне не читается. */ html.theme-blood .promo-locked-title, html.theme-blood .profile-email-status.pending { color: #f5d060 !important; } html.theme-blood .promo-locked-text { color: #cfc6e8 !important; } html.theme-blood .profile-email-status.ok { color: #8fe0a4 !important; } /* Поле "получаешь" в обмене валюты. Это не input, а подсвеченная золотом плашка; её тёмно-золотой текст (#8a6a20) на тёмном фоне не читается, поэтому осветляем текст и приглушаем подложку. */ html.theme-blood .shop-exchange-output { background: rgba(245, 208, 66, 0.10) !important; border-color: rgba(245, 208, 66, 0.26) !important; color: #f5d060 !important; } /* Подложка превью фишек в магазине — в светлой теме лавандовая, на тёмном фоне выглядела бы светлым пятном. Золотую подложку пакетов звёзд (.shop-preview-star) намеренно не трогаем — золото смысловое. */ html.theme-blood .shop-preview-pawn { background: linear-gradient(160deg, rgba(34, 6, 14, 0.9), rgba(24, 4, 10, 0.95)) !important; } /* ============================================================ ПОЛОСЫ ПРОКРУТКИ Системная полоса светлая и на тёмном фоне выглядит белой лентой — особенно заметно в магазине и профиле, где прокрутка идёт внутри модалки. Красим и саму страницу, и все внутренние области. Цвета берутся из палитры темы, поэтому у каждой тёмной темы полоса своя (файлы генерируются из этого, см. gen-dark-theme.js). ============================================================ */ html.theme-blood ::-webkit-scrollbar { width: 10px; height: 10px; } html.theme-blood ::-webkit-scrollbar-track { background: rgba(24, 4, 10, 0.5); border-radius: 100px; } html.theme-blood ::-webkit-scrollbar-thumb { background: rgba(255, 42, 68, 0.22); border-radius: 100px; } html.theme-blood ::-webkit-scrollbar-thumb:hover { background: rgba(255, 42, 68, 0.4); } html.theme-blood ::-webkit-scrollbar-corner { background: transparent; } /* Firefox — своё свойство, наследуется вниз по дереву от корня. */ html.theme-blood { scrollbar-width: thin; scrollbar-color: rgba(255, 42, 68, 0.22) rgba(24, 4, 10, 0.5); } /* ============================================================ БАРАБАН УДАЧИ Страница появилась позже темы, поэтому её заголовок, подводка и элементы управления оставались тёмными на тёмном фоне — читать было нечем. Сам круг не трогаем: его сектора и подписи заданы своими цветами и одинаково читаются в любой теме. ============================================================ */ html.theme-blood .wheel-title { color: #ffdfe3 !important; } html.theme-blood .wheel-lead, html.theme-blood .wheel-cost-label { color: #c8949e !important; } html.theme-blood .wheel-back { background: rgba(34, 6, 14, 0.55) !important; border-color: rgba(255, 42, 68, 0.22) !important; color: #ff97a6 !important; } html.theme-blood .wheel-bal { background: rgba(34, 6, 14, 0.55) !important; color: #ffdfe3 !important; } /* Только НЕактивные кнопки: у выбранной свой фирменный градиент с белым текстом, и перекрашивать её под тему не нужно — иначе светлый текст становится приглушённым и выбранная ставка перестаёт выделяться. */ html.theme-blood .wheel-bet-btn:not(.active) { background: rgba(34, 6, 14, 0.55) !important; border-color: rgba(255, 42, 68, 0.22) !important; color: #dcaab2 !important; } html.theme-blood .wheel-bet-btn:not(.active):hover { background: rgba(34, 6, 14, 0.8) !important; } html.theme-blood .wheel-result.lose { color: #c8949e !important; } html.theme-blood .wheel-demo-note { background: rgba(245, 200, 66, 0.1) !important; border-color: rgba(245, 200, 66, 0.3) !important; color: #f0d68f !important; } /* Палитра барабана удачи под эту тему (см. --wheel-* в games/roulette/wheel.css). Смысловое деление сохраняем: «пусто» — самый тусклый, ×5 — золото. Меняются только базовые оттенки, чтобы круг сидел на ночном фоне, а не светился как в светлой теме. */ /* ============================================================ ПАЛИТРА ИГРОВОГО ЭКРАНА МАФИИ ПОД ЭТУ ТЕМУ ------------------------------------------------------------ Задаётся на ПЕРЕСЕЧЕНИИ темы и фазы: у мафии день и ночь — игровой сигнал, и внутри любой темы день обязан оставаться заметно светлее ночи. Поэтому здесь два набора, а не один общий «тёмный». Значения по умолчанию (светлая тема сайта) живут в games/mafia/mafia.css, здесь только перекрытие. ============================================================ */ /* ============================================================ ПОДСВЕТКА БЛОКОВ Внешнее свечение + тонкая внутренняя грань, чтобы панели выглядели подсвеченными изнутри, а не просто перекрашенными. ============================================================ */ html.theme-blood .menu-card, html.theme-blood .game-card, html.theme-blood .rating-panel, html.theme-blood .auth-modal-card, html.theme-blood .profile-modal-card, html.theme-blood .standalone-intro-card, html.theme-blood .shop-card, html.theme-blood .panel { box-shadow: 0 0 0 1px rgba(255, 42, 68, 0.2), 0 4px 26px rgba(200, 10, 34, 0.3), inset 0 1px 0 rgba(255, 90, 110, 0.1) !important; } html.theme-blood .game-card:hover, html.theme-blood .shop-card:hover { box-shadow: 0 0 0 1px rgba(255, 42, 68, 0.4), 0 10px 38px rgba(220, 12, 40, 0.5), inset 0 1px 0 rgba(255, 90, 110, 0.16) !important; } html.theme-blood .shop-tab.active, html.theme-blood .profile-tab.active, html.theme-blood .rtab.active { background: linear-gradient(135deg, rgba(170, 20, 40, 0.32), rgba(170, 20, 40, 0.14)) !important; box-shadow: inset 0 0 0 1px rgba(255, 42, 68, 0.4), 0 0 14px rgba(200, 10, 34, 0.3) !important; color: #ff93a4 !important; } html.theme-blood .hero-title span { background: linear-gradient(135deg, #ff5c72, #a80c22) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } /* ============================================================ ФИРМЕННЫЙ ГРАДИЕНТ В светлой теме кнопки, аватары и логотип используют фиолетовый градиент бренда — на тёмном цветном фоне он выбивался бы сиреневым пятном. Список селекторов = все места в css/menu.css с этим градиентом. ============================================================ */ html.theme-blood .nick-login-btn, html.theme-blood .auth-submit-btn, html.theme-blood .game-icon, html.theme-blood .header-login-btn, html.theme-blood .header-avatar, html.theme-blood .profile-header-avatar, html.theme-blood .game-card .beta-badge, html.theme-blood .game-card .game-btn, html.theme-blood .profile-settings-save-btn, html.theme-blood .promo-redeem-btn, html.theme-blood .rava, html.theme-blood .wheel-spin-btn, html.theme-blood .wheel-bet-btn.active, html.theme-blood .wheel-auth-btn, html.theme-blood .shop-btn { background: linear-gradient(135deg, #c41432, #78040f) !important; color: #fff !important; box-shadow: 0 4px 14px rgba(190, 10, 34, 0.45) !important; } html.theme-blood .header-logo { background: linear-gradient(135deg, #ff5c72, #a80c22) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } html.theme-blood .shop-btn-owned, html.theme-blood .rating-retry-btn, html.theme-blood .promo-copy-btn { background: rgba(170, 20, 40, 0.18) !important; border-color: rgba(255, 42, 68, 0.4) !important; color: #ff93a4 !important; box-shadow: none !important; } /* Золотую валюту НЕ трогаем: монеты и звёзды должны остаться узнаваемо золотыми в любой теме — это смысловой цвет, а не оформление. */ /* ============================================================ ПАЛИТРА БАРАБАНА УДАЧИ Сектора красятся из этих переменных (см. --wheel-* в games/roulette/wheel.css). Смысловое деление одинаково во всех темах: «пусто» самый тусклый, ×5 — золото. Меняется только базовый оттенок, чтобы круг сидел на фоне темы, а не выглядел чужим. ============================================================ */ html.theme-blood { --wheel-nothing: #240a10; --wheel-half: #4a0f1c; --wheel-back: #8c1024; --wheel-x2: #6a2418; --wheel-x5: #b07c1e; --wheel-cosmetic:#6e163e; --wheel-text: #ffe4e8; --wheel-rim: #520d1a; --wheel-hub: #5a0c18; } /* ============================================================ ПАЛИТРА ИГРОВОГО ЭКРАНА МАФИИ Два набора на тему: день и ночь. Внутри темы день СВЕТЛЕЕ ночи — смена фаз это игровой сигнал, по нему считывают фазу быстрее, чем по надписи, и уравнивать их нельзя. ============================================================ */ html.theme-blood .mafia-screen{ --mf-bg:linear-gradient(135deg,#360c16 0%,#2a0810 45%,#1c0409 100%); --mf-panel:rgba(80,18,32,0.45); --mf-panel-2:rgba(70,16,28,0.66); --mf-border:rgba(255,90,110,0.20); --mf-divider:rgba(255,90,110,0.16); --mf-text:#ffe0e5; --mf-text-dim:#dcaab3; --mf-text-faint:#b07d88; --mf-accent:#e8798f; --mf-accent-soft:rgba(200,40,70,0.18); --mf-accent-text:#ff9fb0; --mf-accent-ring:rgba(200,40,70,0.40); --mf-timer:#ffb0be; --mf-timer-glow:0 0 12px rgba(200,40,70,0.5); --mf-card-shadow:0 10px 28px rgba(20,2,6,0.55); --mf-mobile-panel:rgba(34,7,14,0.96); --mf-mobile-text:#ffe0e5; --mf-mobile-faint:#b07d88; --mf-good:#7ad48c; --mf-bad:#f0889c; --mf-menu-bg:#2a0810; --mf-vote:#ff9fb0; --mf-blob-1:rgba(180,20,50,0.30); --mf-blob-2:rgba(120,15,40,0.26); } html.theme-blood .mafia-screen.night{ --mf-bg:linear-gradient(135deg,#170309 0%,#100206 50%,#080103 100%); --mf-panel:rgba(34,7,14,0.62); --mf-panel-2:rgba(40,9,17,0.78); --mf-border:rgba(255,90,110,0.12); --mf-divider:rgba(255,90,110,0.09); --mf-text:#f2d4da; --mf-text-dim:#b88d97; --mf-text-faint:#8a636e; --mf-accent:#d4778c; --mf-accent-soft:rgba(200,40,70,0.11); --mf-accent-text:#d4778c; --mf-accent-ring:rgba(200,40,70,0.24); --mf-timer:#e89aaa; --mf-timer-glow:0 0 14px rgba(200,40,70,0.6); --mf-card-shadow:0 10px 28px rgba(0,0,0,0.7); --mf-good:#7ad48c; --mf-bad:#f0889c; --mf-menu-bg:#100206; --mf-vote:#ff9fb0; --mf-blob-1:rgba(140,12,40,0.26); --mf-blob-2:rgba(90,10,30,0.22); }