Fork of Habr dark theme https://userstyles.world/style/8980/dark-style-habr-com-habr-com by morty1911

habr-dark-theme.css

/* ==UserStyle==
@name         habr.com
@version      20240410.12.23
@namespace    ?
==/UserStyle== */
@-moz-document domain("habr.com") {
    body,
    html {
        background-color: #181818;
        color-scheme: dark;
    }
    .tm-layout__wrapper {
        background-color: #181818;
    }
    .tm-header {
        background-color: #1e1e1e;
    }
    .tm-base-layout__header {
        background-color: #272727;
        border-bottom: 0;
    }
    .tm-main-menu__item_active {
        color: #bbb;
    }
    .tm-main-menu__item {
        color: #aaaaaa;
    }
    .tm-page__top {
        background-color: #272727;
    }
    .tm-section-name {
        background: #272727;
    }
    .tm-section-name__link,
    .tm-section-name__text {
        color: #bfbfbf;
    }
    .tm-search__input .tm-input-text-decorated__input {
        background-color: #262727;
        border: 1px solid #4e4f4f;
        color: #bfbfbf;
    }
    .tm-tabs {
        background-color: #272727;
        box-shadow: inset 0 -2px 0 0 #585858;
    }
    .tm-tabs:before {
        background: none;
    }
    .tm-tabs:after {
        background: none;
    }
    .tm-tabs__tab-item {
        color: #bfbfbf;
    }
    .tm-navigation-filters-spoiler__button {
        color: #bfbfbf;
    }
    .tm-rss-button_default {
        background-color: #272727;
    }
    .tm-rss-button {
        color: #bfbfbf;
    }
    .tm-navigation-filters-spoiler__content {
        background-color: #262727;
    }
    .tm-navigation-filters__list-label {
        color: #bfbfbf;
    }
    .tm-articles-list__item {
        background-color: #262727;
        border-bottom: 0;
    }
    .tm-user-info__username {
        color: #b2c3cc;
    }
    .tm-article-snippet__title-link {
        color: #bfbfbf;
    }
    .tm-article-snippet__hubs-container:after {
        background: none;
    }
    .article-formatted-body {
        color: #bfbfbf;
    }
    .tm-sexy-sidebar {
        padding: 0;
    }
    .tm-block {
        background-color: #262727;
    }
    .tm-block__title {
        color: #b2c2cc;
    }
    .tm-news-block-item__title {
        color: #bfbfbf;
    }
    .tm-block__header {
        border-bottom: 1px solid #4e4f4f;
    }
    .tm-block__footer {
        border-top: 1px solid #4e4f4f;
    }
    .tm-stories-card__title {
        color: #bfbfbf;
    }
    .tm-companies-rating__name {
        color: #bfbfbf;
    }
    .tm-article-title__link,
    .tm-article-title__text {
        color: #bfbfbf;
    }
    .tm-article-list-block__item:not(:first-child) {
        border-top: 1px solid #4e4f4f;
    }
    .tm-promo-post-link__link {
        color: #bebfbf;
    }
    .tm-article-presenter__body {
        background-color: #262727;
    }
    .tm-article-snippet__title_h1 {
        color: #b2c1cc;
    }
    .tm-article-presenter__origin {
        background: #262727;
    }
    .tm-article-sticky-panel__icons {
        background-color: #262727;
        border-top: 0;
    }
    .article-formatted-body pre {
        background: #0f0f0f;
        border: 1px solid #878787;
    }
    .hljs {
        background: #fff;
        color: #bfbfbf;
    }
    .article-formatted-body code {
        background-color: #0f0f0f;
        color: #bfbfbf
    }
    .tm-editoral-subscription {
        background: #262727;
    }
    .tm-input-text-decorated__input {
        background-color: #262727;
        border: 1px solid #4e4f4f;
        color: #bfbfbf;
    }
    .tm-editoral-subscription__title {
        color: #b2c1cc;
    }
    .tm-editoral-subscription__description {
        color: #bfbfc0;
    }
    .tm-user-card {
        background-color: #262727;
    }
    .tm-user-card__name,
    .tm-user-card__nickname {
        color: #bfbfbf;
    }
    .tm-comments-wrapper__wrapper {
        background-color: #262727;
    }
    .tm-comments-wrapper__title {
        color: #bfbfbf;
    }
    .tm-comment__body-content {
        color: #7f7f7f;
    }
    .tm-comment__body-content code {
        background-color: #5e5e5f;
        color: #afafaf
    }

    .tm-comment__body-content pre {
        background: none;
        border: 1px solid black;
    }

    .tm-notice {
        background-color: #262728;
    }
    .tm-notice__content {
        color: #bfbfbf;
    }
    .tm-notice_positive:before {
        background: #992e2e;
    }
    .similar-and-daily__tab-view {
        background-color: #272727;
    }
    .tm-project-block {
        background: #262727;
    }
    .tm-project-block__title-link {
        color: #aebdc7;
    }
    .tm-project-block-items__title {
        color: #bebfbf;
    }
    .tm-dropdown__body {
        background: #363636;
        color: #333;
    }
    .tm-user-menu__header {
        border-bottom: 1px solid #585858;
    }
    .tm-user-menu__menu-link {
        color: #bfbfbf;
    }
    .tm-user-menu__menu-link:hover {
        background: #4d4d4d;
        color: #bfbfbf;
    }
    .tm-user-menu__menu_bottom {
        border-top: 1px solid #585858;
    }
    .tm-our-projects__label {
        border-bottom: 1px solid #575858;
        color: #b1c2cb;
    }
    .tm-our-projects__item:hover {
        background: #4d4d4d;
    }
    .tm-our-projects__logo {
        filter: invert(100%) saturate(0%);
    }
    .layout__header {
        background: #1e1e1e;
        border-bottom: 0;
    }
    .layout__header-logo {
        filter: invert(100%) saturate(0%);
    }
    .shadow-box {
        background: #262727;
    }
    .shadow-box__title {
        color: #bfbfbf;
    }
    .form__field-label {
        color: #bfbfc0;
    }
    .form__field-input {
        background: #262727;
        border: 1px solid #4e4f4f;
        color: #bfbfbf;
    }
    .form-additional-message {
        color: #bfbfbf;
    }
    .socials-buttons__button {
        background-color: #424242;
    }
    .tm-article-poll__header {
        color: #bfbfbf;
    }
    .tm-article-poll__answer-label {
        color: #bfbfbf;
    }
    .tm-separated-list__title {
        color: #bebfbf;
    }
    .tm-article-poll_variant-bordered {
        border-bottom: 1px solid #4e4f4f;
    }
    .tm-article-poll__answer-bar {
        background: #4e4f50;
    }
    .tm-salary-distribution {
        background: #262727;
    }
    .tm-salary-distribution__amount {
        color: #bebfc0;
    }
    .tm-salary-distribution__description-text {
        color: #bfbfbf;
    }
    .salary-chart__grid {
        stroke: #bfbfbf;
    }
    .salary-chart__x-labels {
        fill: #bfbfbf;
    }
    .tm-promo-block__title {
        color: #bfbfbf;
    }
    .spoiler__content,
    details.spoiler {
        color: #bfbfbf;
        background: #303131
    }

    .tm-comment-navigation__counter {
        background: #494a4a;
    }
    .tm-comment-navigation__block {
        background: #292a2a;
    }

    .tm-comment-navigation__counter {
        color: #bfbfbf;
    }

    .tm-comment__header_is-by-op {
        background-color: #363737;
    }

    img.formula {
        background-color: #999999;
    }

    .tm-comment__body-content_muted {
        background-color: #262727;
    }

    .tm-comment-navigation__has-new_reverse button {
        background-color: #363737;
    }

    .tm-votes-lever__button {
        margin-left: 4px;
        margin-right: 4px;
    }

    .user-info-popup {
        border: 1px solid #000000;
    }

    .user-info-popup__wrapper,
    .user-info-popup__footer {
        background-color: #262727;
    }

    .user-info-popup__footer {
        border-top: 1px solid #000000;
    }

    .tm-title,
    .tm-title__link {
        color: #bfbfbf;
    }

    .publication-type-label {
        background-color: #363737;
    }
    .tm-profile__body {
        background-color: #262727;
    }
    .tm-user-profile__content {
        color: #bfbfbf;
    }
    .tm-description-list__title,
    .tm-description-list__body {
        color: #bfbfbf;
    }

    .tm-user-hubs__hub {
        background-color: #464747;
    }

    .tm-navigation-dropdown__button {
        background-color: #464747;
        color: #bfbfbf;
    }

    .tm-navigation-dropdown__options {
        background-color: #464747;
    }

    .tm-navigation-dropdown__option-button:not(:focus-visible) {
        color: #bfbfbf;
    }

    .tm-navigation-dropdown__option-button:hover {
        background-color: #262727;
        opacity: 1;
    }

    .tm-placeholder__line {
        background: #363737;
    }

    .tm-placeholder_article {
        background: #363737;
    }

    @keyframes pulse-load {
        0% {
            background-color: #363737;
        }

        25% {
            background-color: #464747;
        }

        50% {
            background-color: #363737;
        }

        75% {
            background-color: #464747;
        }

        to {
            background-color: #363737;
        }
    }

    .news-block-item-placeholder__meta,
    .news-block-item-placeholder__header,
    .tm-stories-card-empty__title-block,
    .tm-placeholder-promo__header,
    .tm-placeholder-promo,
    .tm-placeholder-promo__image,
    .tm-placeholder-inset,
    .tm-placeholder-salary {
        background-color: #363737;
    }

    .tm-pagination {
        background-color: #363737;
    }

    a.tm-pagination__page {
        color: #bfbfbf;
    }

    .tm-stories-card-empty__image {
        background: #363737;
    }

    .tm-editoral-subscription__input .tm-input-text-decorated__input {
        border-radius: 3px;
        background: #363737;
        color: var(--mine-shaft);
        border-color: #000000;
    }

    .tm-comment-form {
        background-color: #2f2f2f;
    }

    .tm-comment-form__label {
        color: #bfbfbf;
    }

    .tm-comment-form__textarea {
        background-color: #363737;
    }

    .tm-comment-form__button {
        color: #bfbfbf;
    }

    .tm-comment__header_is-new {
        background-color: #666666;
    }

    .tm-company-profile-card {
        background-color: #262727;
    }

    .tm-company-card__description,
    .tm-company-card__info,
    .tm-company-card__name {
        color: #bfbfbf;
    }
    .tm-sidebar__container {
        background-color: #262727;
    }
    .tm-user-charge {
        background-color: #464747;
    }
    .tm-user-charge__text {
        color: #bfbfbf;
    }
    .tm-user-item__name {
        color: #bfbfbf
    }

    .tm-event-card__title-link {
        color: #bfbfbf
    }

    .user-settings__form {
        background-color: #262727;
    }

    .tm-input__label,
    .tm-select__label,
    .tm-section__title,
    .tm-textarea__label {
        color: #bfbfbf
    }


    .base-input__label {
        color: #bfbfbf
    }

    .base-input__input,
    .base-select__select,
    .base-button,
    .base-textarea__textarea,
    .base-file__label,
    .tm-user-notice {
        background-color: #464747;
        color: #bfbfbf
    }

    .base-textarea__textarea {
        border: 1px solid black;
    }

    .base-select__select {
        border: 1px solid black;
        border-radius: 0px;
    }

    .base-button,
    .base-file__label {
        border: 1px solid black;
    }

    .base-input__input {
        border: 1px solid black;
    }

    .base-input__label_inline {
        border: 1px solid black;
    }

    .user-settings__destream-label {
        background-color: #464747;
        color: #bfbfbf;
        border: 1px solid black;
    }

    .tm-image-placeholder {
        background-color: #464747;
    }

    .tm-navigation-dropdown__wrapper {
        background-color: #464747;
    }
    .tm-placeholder_article {
        background: #464747;
    }
    .tm-placeholder__user-pic {
        background: #464747;
    }

    .tm-placeholder__user-date {
        background: #464747;
    }

    .tm-placeholder__user-score {
        background: #464747;
    }

    .tm-placeholder__article-title {
        background: #464747;
    }
    .tm-placeholder__line {
        background: #464747;
    }
    .tm-placeholder__article-img {
        background: #464747;
    }
    .tm-placeholder__icon {
        background: #464747;
    }
    .tm-placeholder__hub {
        background: #464747;
    }
    .tm-placeholder__category-avatar {
        background: #464747;
    }
    .tm-placeholder__category-name {
        background: #464747;
    }

    .tm-placeholder__category-desctiption {
        background: #464747;
    }
    .tm-placeholder_preset {
        background: #464747;
    }
    .tm-placeholder__static-page-section-name {
        background-color: #464747;
    }


    .tm-placeholder__static-page-headling {
        background: #464747;
    }

    .tm-placeholder__static-page-tabs {
        background-color: #464747;
    }

    .tm-placeholder__static-page-tab {
        background: #464747;
    }

    .tm-placeholder__static-page-content {
        background-color: #464747;
    }

    .tm-placeholder__static-page-content-headling {
        background: #464747;
    }

    .tm-placeholder__static-page-content-text {
        background: #464747;
    }

    .tm-placeholder__comment {
        background: #464747;
    }

    .tm-placeholder__comment-article {
        border-bottom: 1px solid rgba(#464747, .4);
    }

    .tm-placeholder__conversations,
    .tm-placeholder__messages {
        background: #464747;
    }

    .tm-placeholder__conversation-userpic {
        background: #464747;
    }
    .tm-placeholder__message-userpic {
        background: #464747;
    }

    .tm-placeholder__form {
        background: #464747;
    }

    .tm-placeholder-inset {
        background-color: #464747;
    }

    .tm-placeholder-tasks {
        border-color: #464747;
    }
    .tm-placeholder-questions {
        border-color: #464747;
    }

    .tm-placeholder-courses {
        border-color: #464747;
    }

    .tm-placeholder__company-avatar {
        background-color: #464747;
    }

    .tm-placeholder-company_courses {
        border-color: #464747;
    }


    .tm-placeholder-vacancies {
        border-color: #464747;
    }

    .tm-placeholder-promo {
        background-color: #464747;
    }
    .tm-placeholder-promo__dot {
        background-color: #464747;
    }

    .tm-placeholder__lines {
        background: #464747;
    }

    .user-info-popup-placeholder__category-avatar {
        background: #464747;
    }

    .user-info-popup-placeholder__category-name {
        background: #464747;
    }

    .user-info-popup-placeholder__category-description {
        background: #464747;
    }

    .user-info-popup__footer {
        border-top: 1px solid black;
    }
    
    .tm-user-card__short-info {
        color: #bfbfbf;
    }
}