Обычная темная тема для хабра, ничего необычного :) ( Хабрахабр хабр habrahabr habr )
Dark style habr.com - темная тема для habr.com by morty1911
![Screenshot of Dark style habr.com - темная тема для habr.com](https://userstyles.world/preview/8980/0.jpeg)
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
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;
}
}