Telegraph Warm Dark Mode by mellistea

/* ==UserStyle==
@name           Telegraph Warm Dark Mode
@namespace      https://github.com/mellistea
@version        1.0.0
@description    Тёплый ночной режим для Telegra.ph 
@author         mellistea
==/UserStyle== */
@-moz-document domain("telegra.ph") {
    :root {
        --link-color: #edd7af;
        --link-hover-color: #ebaf4a;
    }
    /* Общий фон */
    body, .tl_page_wrap, .tl_page, .tl_article {
        background-color: #252526 !important;
        color: #d8d6d3 !important;
    }
    /* Заголовки */
    h1, h2, h3, h4, h5, h6, address {
        color: #f0ece4 !important;
    }
    /* Обычный текст */
    p, aside, li {
        color: #d8d6d3 !important;
    }
    /* Ссылки */
    a {
        color: var(--link-color) !important;
        text-decoration: none !important;
        border-bottom: 1px solid var(--link-color) !important;
        transition: color 0.3s, border-bottom-color 0.3s;
    }
    a:hover {
        color: var(--link-hover-color) !important;
        border-bottom: 1px solid var(--link-hover-color) !important;
    }
    /* Кнопка Edit и аккаунт - стандартное поведение */
    .tl_article_buttons {
        position: absolute !important;
        right: 20px;
        top: 20px;
    }
    /* Кнопка Edit, Publish и аккаунт - только цвет */
    .account, .edit_button, .publish_button {
        background-color: #3a3a3c !important;
        color: #d8d6d3 !important;
        border: none !important;
    }
    /* При наведении на кнопку */
    .edit_button:hover, .publish_button:hover {
        background-color: #4a4a4d !important;
    }
    /* Разделители */
    hr {
        border-color: #4a4a4d !important;
    }
    /* Нижний колонтитул */
    .tl_page_footer, .tl_footer_button {
        background-color: #252526 !important;
        color: #999999 !important;
    }
    /* Тултипы */
    #_tl_tooltip, #_tl_link_tooltip {
        background-color: #3d3d40 !important;
        color: #f0ece4 !important;
    }
    /* Маркеры списка */
    ul li::marker {
        color: var(--link-color) !important;
    }
    /* Цвет выделения текста */
    ::selection {
        background-color: #c3a878;
        /* Тёплый золотистый фон выделения */
        color: #2c2c2e;
        /* Тёмный текст на фоне выделения */
    }
    /* Для Firefox (он использует отдельный псевдокласс) */
    ::-moz-selection {
        background-color: #c3a878;
        color: #2c2c2e;
    }
    /* Плейсхолдеры ("Title", "Your story...", пустой автор) */
    .ql-editor .empty::before, .ql-editor [data-placeholder]::before, .tl_article.tl_article_edit [data-label]:after, .tl_article.tl_article_edit.title_focused [data-label].empty:after {
        color: #999999 !important;
        /* Светлый серо-бежевый */
        opacity: 0.7;
    }
    /* Иконки добавления изображения и встроенного контента */
    #_image_button, #_embed_button {
        filter: brightness(3);
        /* Осветляем иконки */
        opacity: 0.8;
    }
    /* При наведении на кнопки */
    #_image_button:hover, #_embed_button:hover {
        filter: brightness(3.5);
        opacity: 1;
    }
    /* Цитаты */
    blockquote {
        color: #c0baab !important;
        /* Как основной текст */
        border-left: 2px solid #4a4a4d !important;
        /* Лёгкая полоска слева */
        padding-left: 1em;
        margin-left: 0;
        margin-right: 0;
        opacity: 0.9;
    }
    /* Блоки кода */
    pre {
        background-color: #2f2f31 !important;
        /* тёмно-серый фон для кода */
        color: #d8d6d3 !important;
        /* основной текст */
        padding: 12px;
        border-radius: 8px;
        overflow-x: auto;
        font-family: 'Courier New', Courier, monospace;
        font-size: 0.95em;
        line-height: 1.5;
    }
}