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

Code size5.6 kB

Code checksume4dc8908

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.