/* DARK THEME Активируется атрибутом data-theme="dark" на . Светлая тема (data-theme="light") использует значения из common.css. ----------------------------------------------- */ :root[data-theme="dark"] { --bg: #242528; --bg-2: #1d1e20; --bg-3: #2b2c2f; --bg-4: #4a4b4d; --bg-5: #2b2c2f; --tt: #e6e6e6; --tt-2: #9a9a9a; --bdc: #3a3b3e; --bsh: 0 0 4px rgba(0, 0, 0, 0.5); --gradient: linear-gradient(to right, #eb4d4b, #c471ed); --accent: #e42d49; --accent-darker: #c4263e; --ui-bg: #2b2c2f; --ui-bg-darker: #242528; --ui-bg-darkest: #1d1e20; --ui-bg-accent: #e42d49; --ui-text-color-on-accent: #fff; --ui-bdc: #3a3b3e; } /* Переопределение захардкоженных светлых цветов для тёмной темы */ [data-theme="dark"] body {background: #18191b;} [data-theme="dark"] .thumb__title {color: #c3cdd8;} [data-theme="dark"] .footer {color: #8a8a8a;} [data-theme="dark"] .menu li a {color: #b0b0b0;} [data-theme="dark"] .desc {color: #aaa;} [data-theme="dark"] .full-text a {color: #7aa0d6;} [data-theme="dark"] .srt__btn {color: #fff;} [data-theme="dark"] .comm-textarea {color: var(--tt);} [data-theme="dark"] .page__rating-bar {background-color: #444;} /* Поля ввода */ [data-theme="dark"] input[type="text"], [data-theme="dark"] input[type="password"], [data-theme="dark"] select, [data-theme="dark"] textarea { background-color: #2b2c2f; color: #e6e6e6; box-shadow: inset 0 0 0 1px #3a3b3e, inset 1px 2px 5px rgba(0, 0, 0, 0.25); } [data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder {color: #e6e6e6; opacity: 0.4;} [data-theme="dark"] .add-comments-form .form__input, [data-theme="dark"] .add-comments-form__input, [data-theme="dark"] .add-comments-form .form__textarea-inside textarea, [data-theme="dark"] .mass_comments_action select {box-shadow: inset 0 0 0 1px #3a3b3e;} /* Таблицы в тексте */ [data-theme="dark"] .full-text table tr td {border: 2px solid #3a3b3e;} [data-theme="dark"] .full-text table tr:nth-child(2n+1) {background-color: #242528;} [data-theme="dark"] .full-text table tr:nth-child(1) {background-color: #2f3338;} /* Прочие DLE-блоки */ [data-theme="dark"] .scriptcode, [data-theme="dark"] .title_spoiler, [data-theme="dark"] .text_spoiler, [data-theme="dark"] .hide, [data-theme="dark"] .inhide {background-color: #2b2c2f; border-color: #3a3b3e; color: #e6e6e6;} [data-theme="dark"] .message-info {background-color: #3a2f1f; color: #d8cbb0;} [data-theme="dark"] .message-info a {color: #e6e6e6;} [data-theme="dark"] .findrelated {background-color: #3a371f; color: #e6e6e6;} /* THEME TOGGLE BUTTON (общая для обеих тем) ----------------------------------------------- */ .header__theme {font-size: 22px; cursor: pointer; margin-left: 20px; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; background-color: var(--bg-4); color: #fff; flex-shrink: 0;} .header__theme:hover {background: var(--accent); color: #fff;}