/* ============================================================ НАСТОЯЩАЯ ТЁМНАЯ ТЕМА для страницы Tilda (page29808374 / CV) Активируется добавлением класса .cu-dark на . Переопределяет реальные цвета блоков, а не инвертирует. ============================================================ */ :root { --cu-bg: #141416; /* основной фон страницы */ --cu-bg-2: #1c1c20; /* фон секций (был #e0e0e0/#ebebeb) */ --cu-bg-3: #26262c; /* карточки/блоки чуть светлее */ --cu-bg-accent: #0e2a4d; /* был тёмно-синий #0f3f7a */ --cu-text: #e8e8ea; /* основной текст (был #000) */ --cu-text-dim: #b3b3b8; /* приглушённый текст */ --cu-text-soft: #8a8a90; /* подписи */ --cu-accent: #f0a987; /* акцент (был #e99771) */ --cu-line: rgba(255,255,255,0.10); } /* ---------- Базовый фон ---------- */ html.cu-dark, html.cu-dark body.t-body, html.cu-dark #allrecords { background-color: var(--cu-bg) !important; } html.cu-dark #allrecords { color: var(--cu-text); } /* ---------- Фоны секций (записей) ---------- */ /* Светлые серые фоны секций -> тёмные */ html.cu-dark .r[data-bg-color="#e0e0e0"], html.cu-dark .r[data-bg-color="#ebebeb"], html.cu-dark .r[style*="background-color:#e0e0e0"], html.cu-dark .r[style*="background-color: #e0e0e0"], html.cu-dark .r[style*="background-color:#ebebeb"], html.cu-dark .r[style*="background-color: #ebebeb"] { background-color: var(--cu-bg-2) !important; background-image: none !important; } /* Белый / радиальный градиент обложки -> тёмный градиент */ html.cu-dark .r[data-bg-color*="radial-gradient"], html.cu-dark .r[style*="radial-gradient"] { background-color: var(--cu-bg) !important; background-image: radial-gradient(circle at center, rgba(40,40,46,1) 0%, rgba(20,20,22,1) 100%) !important; } /* Тёмно-синяя секция -> чуть глубже */ html.cu-dark .r[data-bg-color="#0f3f7a"], html.cu-dark .r[style*="background-color:#0f3f7a"], html.cu-dark .r[style*="background-color: #0f3f7a"] { background-color: var(--cu-bg-accent) !important; background-image: none !important; } /* Обложка T337/T377 cover */ html.cu-dark .t-cover, html.cu-dark .t-cover__filter { background-color: var(--cu-bg-2) !important; } html.cu-dark .t-cover__filter { background-color: rgba(0,0,0,0.35) !important; } /* Пустая обложка первого блока (T337, rec482221615) — без картинки. Tilda дописывает высоту инлайн-скриптом, поэтому просто полностью скрываем обложку (в обеих темах). Аватар и текст блока не затрагиваются. */ #rec482221615 .t-cover-outer { display: none !important; } /* Аватар держался на padding-top у .t337__author (рассчитан под обложку) — возвращаем нормальный отступ сверху */ /* Возвращаем отступ внутри блока: аватар сверху, ФИО под ним (страница задавала 65px — оставляем, чтобы текст не перекрывался фото) */ #rec482221615 .t337__author { padding-top: 95px !important; } /* Отступ под фиксированный хедер: первый блок (аватар) не должен залезать под него. #allrecords уже имеет padding-top 64px (custom-header.css) — увеличиваем его. */ body.cu-has-header #allrecords { padding-top: 120px !important; } @media screen and (max-width: 820px) { body.cu-has-header #allrecords { padding-top: 90px !important; } } /* ---------- Текст ---------- */ html.cu-dark #allrecords .t-title, html.cu-dark #allrecords .t-heading, html.cu-dark #allrecords .t-name, html.cu-dark #allrecords h1, html.cu-dark #allrecords h2, html.cu-dark #allrecords h3, html.cu-dark #allrecords h4 { color: var(--cu-text) !important; } html.cu-dark #allrecords .t-descr, html.cu-dark #allrecords .t-text, html.cu-dark #allrecords p, html.cu-dark #allrecords li, html.cu-dark #allrecords span { color: var(--cu-text-dim) !important; } /* Чёрный текст, заданный инлайном/цветом */ html.cu-dark #allrecords [style*="color:#000000"], html.cu-dark #allrecords [style*="color: #000000"], html.cu-dark #allrecords [style*="color:#000"], html.cu-dark #allrecords [style*="color: #000"], html.cu-dark #allrecords [style*="color:rgb(0, 0, 0)"], html.cu-dark #allrecords [style*="color:rgb(0,0,0)"] { color: var(--cu-text) !important; } /* Тёмно-синий текст (#0f3f7a) на светлом фоне -> светлый акцент */ html.cu-dark #allrecords [style*="color:#0f3f7a"], html.cu-dark #allrecords [style*="color: #0f3f7a"] { color: #7db0ec !important; } /* Текст внутри тёмно-синей секции остаётся светлым */ html.cu-dark .r[data-bg-color="#0f3f7a"] .t-descr, html.cu-dark .r[data-bg-color="#0f3f7a"] .t-text, html.cu-dark .r[data-bg-color="#0f3f7a"] span { color: #e8e8ea !important; } /* ---------- Кнопки ---------- */ html.cu-dark #allrecords .t-btn, html.cu-dark #allrecords .t-submit { background-color: var(--cu-accent) !important; color: #1a1a1a !important; border-color: var(--cu-accent) !important; } html.cu-dark #allrecords .t-btn:hover, html.cu-dark #allrecords .t-submit:hover { filter: brightness(1.08); } /* Прозрачные/контурные кнопки */ html.cu-dark #allrecords .t-btn[style*="background-color:transparent"], html.cu-dark #allrecords .t-btn[style*="background-color: transparent"] { background-color: transparent !important; color: var(--cu-text) !important; border-color: var(--cu-line) !important; } /* ---------- Кнопки t-btnflex ("Смотреть" в блоках кейсов T799) ---------- */ /* В светлой теме: белый фон, чёрный текст, оранжевая рамка #ff9100. В тёмной — прозрачный фон, светлый текст, тот же оранжевый акцент. */ html.cu-dark #allrecords .t-btnflex.t-btnflex_type_button { background-color: transparent !important; color: var(--cu-text) !important; border-color: #ff9100 !important; } html.cu-dark #allrecords .t-btnflex.t-btnflex_type_button:hover { background-color: #ff9100 !important; color: #1a1a1a !important; border-color: #ff9100 !important; } /* ---------- Кнопка "наверх" (T890 — белый круг с чёрной стрелкой) ---------- */ html.cu-dark #allrecords .t890__arrow svg rect { fill: #26262c !important; fill-opacity: 0.9 !important; } html.cu-dark #allrecords .t890__arrow svg path { stroke: #e8e8ea !important; } @media screen and (min-width:981px) { html.cu-dark #allrecords .t890__arrow:hover svg rect, html.cu-dark #allrecords .t890__arrow:focus-visible svg rect { fill: #ff9100 !important; fill-opacity: 1 !important; } html.cu-dark #allrecords .t890__arrow:hover svg path, html.cu-dark #allrecords .t890__arrow:focus-visible svg path { stroke: #1a1a1a !important; } } /* ---------- Поля форм ---------- */ html.cu-dark #allrecords .t-input, html.cu-dark #allrecords textarea, html.cu-dark #allrecords input[type="text"], html.cu-dark #allrecords input[type="email"], html.cu-dark #allrecords input[type="tel"], html.cu-dark #allrecords select { background-color: var(--cu-bg-3) !important; color: var(--cu-text) !important; border-color: var(--cu-line) !important; } html.cu-dark #allrecords ::placeholder { color: var(--cu-text-soft) !important; } /* ---------- Карточки / блоки контента (T474, T512, T547, T799 и т.п.) ---------- */ html.cu-dark #allrecords .t-card__wrapper, html.cu-dark #allrecords .t-popup__container, html.cu-dark #allrecords .t-feed__post-popup__content, html.cu-dark #allrecords .js-product, html.cu-dark #allrecords .t-store__card__wrap_all { background-color: var(--cu-bg-3) !important; } /* ---------- Разделители, линии, бордеры ---------- */ html.cu-dark #allrecords hr, html.cu-dark #allrecords [style*="border-top"], html.cu-dark #allrecords [style*="border-bottom"], html.cu-dark #allrecords .t-divider { border-color: var(--cu-line) !important; } /* ---------- Ссылки ---------- */ html.cu-dark #allrecords a:not(.t-btn):not(.cu-header__link):not(.cu-header__brand) { color: var(--cu-accent); } /* ---------- SVG-иконки, нарисованные чёрным (fill/stroke) ---------- */ html.cu-dark #allrecords svg [fill="#000000"], html.cu-dark #allrecords svg [fill="#000"], html.cu-dark #allrecords svg [fill="black"] { fill: var(--cu-text) !important; } html.cu-dark #allrecords svg [stroke="#000000"], html.cu-dark #allrecords svg [stroke="#000"], html.cu-dark #allrecords svg [stroke="black"] { stroke: var(--cu-text) !important; } /* ---------- Плавный переход при смене темы ---------- */ html #allrecords .r, html #allrecords .t-title, html #allrecords .t-descr, html #allrecords .t-text, html #allrecords .t-btn, html #allrecords .t-input { transition: background-color .35s ease, color .35s ease, border-color .35s ease; }