Varlamov Dark / Варламов - Тёмная тема by nebe1herz

/* ==UserStyle==
@name           Varlamov Dark
@namespace      varlamov.ru
@version        1.0.0
@description    Dark theme for the updated site varlamov.ru
@author         Yurii Kaiser
==/UserStyle== */

@-moz-document domain("varlamov.ru") {

    /* 
     * Глобальное инвертирование всего сайта */
    html {
        /* Унифицированный стиль инвертирования */
        --invert: invert(0.95) hue-rotate(180deg);
        /* Применение инвертирования */
        filter: var(--invert);
    }

    /*
     * Обратное инвертирование отдельных элементов для повышения читаемости */
    /* Главная */
    .blog__content_youtube, /* Раздел с YouTube-видео */
    .blogArticle__media, /* Превью новостей в выборе редакции */
    .blogArticle__content[data-v-40eb1d5a], /* Заголовок новости в шапке */

    /* Статья */
    .article__content img, /* Картинка */
    .text iframe /* iFrame с виджетом и проч. */
    .article__content .embed-youtube, /* iFrame с видео (YoutTube) */
    .comment__header_userpic, /* Аватар комментария */
    .shareButtons__logo_icon, /* Кнопка социальных сетей "поделиться" */
    .articleReactions__reaction_emoji, /* Кнопка "реакции" (со смайликом) =) */
    .comment__content img, /* Картинка в комментарии */
    .w-figure_image, /* Картинка в редакторе комментария */

    /* Прочее */
    .accountPopup__blog_userpic, /* Навигация / Аватар пользователя */
    .blogArticleCut__text img, /* Новости / Превью у краткого содержания */
    .varlamovSocials__item, /* Футер / Ссылки на социальные сети */

    /* Настройки TeleType */
    .userpic__pic, /* Аватар пользователя */
    .userpicInput, /* Загрузка аватара */
    .settingsImports__logo, /* Иконка импорта платформы */
    .settingsSocial__icon, /* Иконка привязки соц. сетей */
    .settingsLang__icon /* Иконка выбора языка */
    {
        /* Применение инвертирования и повышение яркости на 20%,
         * чтобы цветопередача соответствовала общему тону сайта */
        filter: var(--invert) brightness(1.2);
    }

    /*
     * Прочее */
    /* Затемнение фона у модального окна */
    .modal.m_backdrop_dark {
        background-color: rgba(255, 255, 255, .7);
    }
    /* Затемнение картинок в комментариях */
    .comment__content .m_original {
        opacity: .7;
        transition: all .2s ease-in-out;
    }
    /* Возвращение прозрачности при наведении */
    .comment__content .m_original:hover {
        opacity: 1;
    }
    /* Увеличенная рамка, где эффект обводки у состояния hover & active  */
    .commentEditor__editor, /* Поле редактора */
    .articleReactions__reaction.m_active[data-v-b5bb33c0] /* Реакция на пост */
    {
        border-width: 2px;
    }
    /* Обводка у иконки выбора языка */
    .settingsLang__icon {
        border-color: #000 !important;
    }
    /* Исправление багованной тонкости шрифта Inter — путём отключения оного */
    * {
        font-family: Helvetica Neue, Helvetica, sans-serif !important;
    }

}
@-moz-document domain("t.me/varlamov_news") {

    /*
     * Виджет телеграма */
    .tgme_widget_message_photo_wrap, /* Изображения в посте */
    .link_preview_right_image /* Превью у видео */
    {
        filter: invert(0.95) hue-rotate(180deg) brightness(1.2);
    }

}