Skip to content

Dark style habr.com - темная тема для habr.com by morty1911

Screenshot of Dark style habr.com - темная тема для habr.com

Details

Authormorty1911

LicenseCC0 - Public Domain

Categoryhabr

Created

Updated

Size5.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Обычная темная тема для хабра, ничего необычного :) ( Хабрахабр хабр habrahabr habr )

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         habr.com
@version      20230318.13.10
@namespace    ?
==/UserStyle== */

@-moz-document domain("habr.com") {
body, html {
    background-color: #181818;
}
.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: #ffffff;
}
.tm-page__top {
    background-color: #272727;
}
.tm-section-name {
    background: #272727;
}
.tm-section-name__link, .tm-section-name__text {
    color: #bfbfbf;
}
.tm-page__main_has-sidebar {
    margin-right: 12px;
    max-width: calc(100% - 312px);
}
.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: #4e4e4e;
    border: 1px solid #878787;
}
.hljs {
    background: #fff;
    color: #bfbfbf;
}
.article-formatted-body code {
    background-color: #4e4e4e;
}
.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: #bfbfbf;
}
.tm-comment__body-content code {
    background-color: #4e4e4f;
}
.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;
}
}

Reviews

No reviews yet.