/* * Палитры доменов. * * Один движок обслуживает несколько сайтов, и каждый должен выглядеть своим: * класс темы стоит на (см. brand.Theme), а правила ниже переопределяют * те же токены, что задаёт modern.css. Ни одного правила про разметку — только * цвет: так новый бренд добавляется одной записью в brands.json и блоком здесь. * * Контраст: во всех палитрах основной цвет проверен на белом тексте кнопок * (>= 4.5:1) и на белом фоне для ссылок. */ /* --- янтарно-красная (tgramkino, палитра по умолчанию) --- */ .brand-ember { --m-primary: #e5484d; --m-primary-hover: #c9363b; --m-accent: #f59e0b; --m-accent-hover: #d97706; --hero-from: #111827; --hero-mid: #27213c; --hero-to: #7f1d1d; --hero-glow: rgba(245, 158, 11, .42); --logo-a: #f59e0b; --logo-b: #f97316; --logo-c: #e5484d; } /* --- сине-фиолетовая (kinogram) --- */ .brand-indigo { --m-primary: #4f46e5; --m-primary-hover: #4338ca; --m-accent: #06b6d4; --m-accent-hover: #0891b2; --hero-from: #0b1120; --hero-mid: #1e1b4b; --hero-to: #312e81; --hero-glow: rgba(6, 182, 212, .38); --logo-a: #22d3ee; --logo-b: #6366f1; --logo-c: #a855f7; } /* --- изумрудная (filmoteka) --- */ .brand-forest { --m-primary: #0f766e; --m-primary-hover: #115e59; --m-accent: #f59e0b; --m-accent-hover: #d97706; --hero-from: #06231f; --hero-mid: #0f3d34; --hero-to: #134e4a; --hero-glow: rgba(245, 158, 11, .34); --logo-a: #34d399; --logo-b: #14b8a6; --logo-c: #f59e0b; } /* --- сливовая (seriallenta) --- */ .brand-plum { --m-primary: #b4257a; --m-primary-hover: #971e66; --m-accent: #f472b6; --m-accent-hover: #ec4899; --hero-from: #17061a; --hero-mid: #3b0764; --hero-to: #831843; --hero-glow: rgba(244, 114, 182, .38); --logo-a: #f9a8d4; --logo-b: #e879f9; --logo-c: #b4257a; } /* Запасные значения: если тема на почему-то не проставлена, сайт всё равно должен быть окрашен, а не чёрно-белым. */ :root { --hero-from: #111827; --hero-mid: #27213c; --hero-to: #7f1d1d; --hero-glow: rgba(245, 158, 11, .42); --logo-a: #f59e0b; --logo-b: #f97316; --logo-c: #e5484d; } /* Градиент в логотипе: не наследует цвет, поэтому красим классами. */ .logo-stop-a { stop-color: var(--logo-a); } .logo-stop-b { stop-color: var(--logo-b); } .logo-stop-c { stop-color: var(--logo-c); } /* Тёмные «афиши» — обложка главной, витрины и карточки — берут цвета домена. */ .cinema-hero { background: radial-gradient(circle at 88% 18%, var(--hero-glow), transparent 26%), linear-gradient(135deg, var(--hero-from) 0%, var(--hero-mid) 58%, var(--hero-to) 100%); } .cinema-kicker { color: var(--m-accent); } .films-hero, .film-hero { background: linear-gradient(135deg, var(--hero-from) 0%, var(--hero-mid) 58%, var(--hero-to) 100%); } .films-kicker { color: var(--m-accent); } .film-badge { background: linear-gradient(135deg, var(--m-accent), var(--m-primary)); } .films-stat b { color: var(--m-accent); } .film-hero__facts i { color: var(--m-accent); } /* Блок «Топ каналов» в оригинале был синим — уводим в цвет домена. */ .bg-verified-block { background: linear-gradient(135deg, var(--m-primary), var(--m-primary-hover)) !important; }