Dark DTF by dmitrimag

/* ==UserStyle==
@name           Dark dtf.ru
@namespace      USO Archive
@author         Дмитрий Пан
@description    `Dark dtf.ru`
@version        20210610.18.1
@license        CC-BY-NC-SA-4.0
@preprocessor   uso
==/UserStyle== */
@-moz-document url-prefix("https://dtf.ru/") {
    body {
        background-color: #282B2F !important;
        color: #F8F8F8 !important;
    }

    .sidebar,
    .live {
        background-color: #282B2F;
    }

    /* SIDEBAR LEFT */
    .sidebar-tree-list-item:hover,
    .sidebar-tree-list-item--active,
    .sidebar-tree-list-item--active:hover {
        background: #3E4144 !important;
    }

    .sidebar__tree-list__title,
    .sidebar__tree-list__button {
        color: #E0E0E0 !important;
    }

    .sidebar-tree-list__show-more-button {
        background: #3E4144 !important;
        border-radius: 8px !important;
    }

    .sidebar-tree-list__show-more-button.sticky-on {
        background: #3E4144 !important;
        border-radius: 8px 8px 0 0 !important;
    }

    .sidebar__footer {
        color: #F8F8F8 !important;
        background: none !important;
    }

    .sidebar__footer::before {
        background: none !important;
    }

    .icon--ui_apple,
    .icon--ui_android {
        fill: #E0E0E0 !important;
    }

    /* MAIN CONTENT */
    /* Search */
    .overlay-overlay {
        color: #282B2F !important;
    }

    /* Hot news */
    .l-island-bg {
        background-color: #373B3E !important;
    }

    .t-link:hover {
        color: #E0E0E0 !important;
    }

    /* Navigation */
    .ui-rounded-button__link {
        box-shadow: none !important;
        background: none !important;
    }

    .ui-rounded-button__link:hover,
    .ui-rounded-button--active .ui-rounded-button__link {
        background: #3E4144 !important;
    }

    .bubble {
        background-color: #3E4144 !important;
    }

    .bubble::before {
        background-color: #3E4144 !important;
    }

    .ui-dropdown__item:hover {
        background: #494D50 !important;
    }

    /* Preview */
    .content p a {
        color: #8EC5FF !important;
        border: none !important;
        text-decoration: none !important;
    }

    .content p a:hover {
        color: #8EC5FF !important;
        text-decoration: underline !important;
    }

    .content-image--with_background {
        background: none !important;
    }

    .block-quote--default,
    .block-incut,
    .andropov_telegram,
    .andropov_tweet {
        background-color: #1F2122 !important
    }

    .authorCard {
        background: none !important;
    }

    .block-warning {
        background: #ffd300 !important;
        color: #282B2F !important;
    }

    .widget_wrapper--type-blue,
    .vacancies_widget {
        background-color: #033951 !important;
    }

    .vacancies_widget__item__city,
    .vacancies_widget__item__company,
    .vacancies_widget__item__salary {
        color: #F8F8F8 !important;
    }

    .vacancies_widget__item__city:hover,
    .vacancies_widget__item__company:hover,
    .vacancies_widget__item__title:hover,
    .vacancies_widget__title:hover {
        color: #8EC5FF !important;
    }

    .vacancies_widget__new {
        background: none !important;
    }

    .island--blogs_entries {
        background: none !important;
    }

    .quiz {
        background: none !important;
    }

    /* Post */
    .content-header-label {
        background-color: #ff9966 !important;
    }
    .gl__footer {
        background: #2f2f2f !important;
    }
    .block-code {
        background-color: #000 !important;
        color: #c6c6c6 !important;
    }
    .block-number {
        background: #494D50 !important;
    }
    .hljs-string {
        color: #11bd2c !important;
    }
    .content-footer .content-footer__item:first-child {
        order: 1 !important;
        margin-left: auto !important;
    }
    .content-footer .content-footer__item:last-child {
        margin-left: 0 !important;
    }

    /* Comments */
    .ui-tab--active .ui-tab__label {
        color: inherit !important;
    }

    .comments__item__space--pinned,
    .comments__item__space--new,
    .comments__item__space--highlighted {
        background: #494D50 !important;
    }

    .comments__item__expand,
    .comments__item__more--inner {
        background: none !important;
        color: #8EC5FF !important;
    }

    .comments_pseudo_form,
    .comments_form {
        background-color: #494D50 !important;
        border: 1px solid #575B5E !important;
    }

    .comments__item__self--author .comments__item__user__name .user_name {
        background-color: #DF1818 !important;
    }

    .comments__item__text a {
        color: #8EC5FF !important;
        border: none !important;
        text-decoration: none !important;
    }

    .comments__item__text a:hover {
        color: #8EC5FF !important;
        text-decoration: underline !important;
    }

    .comment__children > .comment:not(.comment--level-last):last-child {
        box-shadow: calc(var(--offset-branch)*-1 - 1px) 0 0 0 #373B3E;
    }
    .comment__space--with-donate::before,
    .comment__space--pinned::before,
    .comment__space--highlighted::before,
    .comment__space--new::before,
    .comment--highlighted .comment__branches::before,
    .comment--highlighted .comment__content::before,
    .comment--new .comment__branches::before,
    .comment--new .comment__content::before,
    .comment--pinned .comment__branches::before,
    .comment--pinned .comment__content::before,
    .comment--with-donate .comment__branches::before,
    .comment--with-donate .comment__content::before {
        background: #6F6F6F !important;
        box-shadow: none !important;
    }

    .comment__space--new .comment__arc {
        visibility: visible !important;
    }

    .comment__space--new .comment__arc--hidden {
        visibility: hidden !important;
    }

    .comment__self--author .comment-user__name,
    .comment__author--highlighted {
        background-color: #ff0000 !important;
    }

    .comment__detail.comment__detail--author {
        background-color: #ff0000 !important;
        box-shadow: 0 0 0px 3px #ff0000 !important;
        border-radius: 5px !important;
        color: #fff !important;
        text-transform: uppercase !important;
        font-weight: bold !important;
    }

    .content_editable {
        color: #000 !important;
    }

    .vote__value {
        background: none !important;
    }

    .vote__users {
        background-color: #494D50 !important;
        border: 1px solid #575B5E !important;
    }

    .vote__users::before {
        background: none !important;
    }

    .vote__users__item::before {
        display: none !important;
    }

    .vote__users__content_wrapper::after {
        display: none !important;
    }

    .icon--vote_triangle {
        fill: #f0f0f0 !important;
        filter: invert(55%);
    }

    .like-button--action-like .like-button__icon,
    .like-button--action-like .like-button__count {
        color: #2ea83a !important;
    }
    .like-button--action-like .like-button__icon::before {
        background-color: #11bd2c !important;
    }

    .like-button--action-dislike .like-button__icon {
        color: #f0303d !important;
    }
    .like-button--action-dislike .like-button__icon::before {
        background-color: #e5545e !important;
    }

    .comments_counter {
        color: #68a2f3 !important;
    }

    .comment__inline-action:hover {
        color: #7cabf2 !important;
    }

    /* SIDEBAR RIGHT */
    .live__toggle {
        color: inherit !important;
    }

    .live__item__user__name,
    .live__item__text {
        color: #F8F8F8 !important;
    }

    .live__item__title:hover {
        color: #E0E0E0 !important;
    }

    /* Profile navigation */
    .v-list-tab--active {
        background-color: rgba(239, 245, 254, 0.2);
    }

    /* Messages */
    .messenger {
        background: #282B2F !important;
    }

    /* Vacancies */
    .v-select,
    .vacancies-bot__title {
        color: #000 !important;
    }

    /* Notifications */
    .u-notification--unread,
    .u-notification--hover:hover {
        background: #282B2F !important;
    }

    /* AD */
    .dstr-fl__outer {
        background-color: #3E4144 !important;
    }
}