Dark theme for https://habr.com
Feel free to send your PR here: https://github.com/valsaven/userstyles
Thanks to: TotalCaesar659, inoyakaigor
Authorvalsaven
LicenseCC0 - Public Domain
Categoryhabr
Created
Updated
Size11 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Dark theme for https://habr.com
Feel free to send your PR here: https://github.com/valsaven/userstyles
Thanks to: TotalCaesar659, inoyakaigor
Oct 14, 2024
~ Fix code in comments
~ Fix code font and border colors
Sep 17, 2023
~ Update dependencies
Apr 8, 2023
~ Fix gradient color after hubs
Apr 1, 2023
~ Fix article title color and other news titles
Dec 16, 2022
~ Fix colors
Dec 2, 2022
~ Fix publications background color
~ Fix for "Recent day better articles" block background color
Oct 20, 2022
~ Fix stories background color
Sep 2, 2022
~ Fix page divider color
Aug 5, 2022
~ Fix mention background color
~ Add gray background color for company card inside article
Jul 20, 2022
~ Fix block background color
~ Add background color for images
Jun 17, 2022
~ Fix placeholder elements color
~ Fix mention background color
May 31, 2022
~ Fix hub name color
~ Fix placeholder elements color
Apr 8, 2022
~ Fix placeholder background color
Mar 11, 2022
~ Fix company profile card background color
Dec 3, 2021
~ Fix original author background color
Nov 8, 2021
~ Fix "Tags" and "Hubs" color
Nov 1, 2021
~ Fix articles colors
~ Fix spoiler background color
~ Fix code background color in comments
~ Fix embedded URL colors in comments
Oct 8, 2021
~ Fix company banner and comments background color
~ Fix notice background color
Sep 25, 2021
~ Fix code background color
Sep 10, 2021
~ Fix scrollbar colors
~ Fix publication editor colors
~ Add important rule for some colors
Sep 8, 2021
~ Fix colors
Sep 8, 2021
~ Fix links colors
~ Fix poll colors
~ Fix colors
Sep 2, 2021
~ Fix background and text colors
Aug 30, 2021
Aug 9, 2021
/* ==UserStyle==
@name Habrahabr Darkness
@author Val Saven (https://valsaven.com)
@namespace github.com/valsaven/userstyles
@supportURL https://github.com/valsaven/userstyles/issues
@description Habr dark theme.
@version 2.0.31
@license MIT
==/UserStyle== */
@namespace url(http://www.w3.org/1999/xhtml);
@namespace svg url(http://www.w3.org/2000/svg);
@-moz-document url-prefix("http://habr.com"),
url-prefix("https://habr.com") {
/* Background */
.tm-block,
.tm-company-card,
.tm-company-profile-card,
.tm-button-follow__button,
.tm-page-article__body,
.tm-articles-list__item,
.tm-article-presenter__origin,
.tm-data-icons.tm-page-article__counters-panel,
.tm-user-card,
.tm-comment-form,
.tm-comments-wrapper__wrapper,
.tm-comment-form__editor,
.tm-article-presenter__body,
.tm-article-sticky-panel,
.tm-article-sticky-panel__icons,
.tm-placeholder-promo,
.tm-placeholder-inset,
.publication-type-label {
background-color: #2e3436 !important;
}
.tm-article-snippet__hubs-container::after,
.tm-publication-hubs__container::after {
background: none;
}
/* Text */
.tm-company-card__description,
.tm-article-snippet__title.tm-article-snippet__title_h1,
.article-formatted-body.article-formatted-body_version-1,
.article-formatted-body.article-formatted-body_version-2,
.tm-comment-form__editor,
.tm-article-poll__header,
.tm-article-poll__answer-label,
.tm-separated-list__title,
.tm-navigation-dropdown__option-button,
.article-formatted-body code,
.article-formatted-body pre code,
.tm-comment__body-content code {
color: #b3b3b3 !important;
}
.article-formatted-body pre,
.tm-comment__body-content pre {
border-color: #2e3436 !important;
}
/* Images */
.article-formatted-body img {
background-color: #b3b3b3 !important;
}
/* Links */
.tm-company-card__name,
.tm-news-block__title-link.tm-news-block__title,
.tm-article-snippet__title-link {
color: #2f93d0 !important;
}
/* Links: visited */
.tm-company-card__name:visited,
.tm-news-block__title-link.tm-news-block__title:visited,
.tm-article-snippet__title-link:visited {
color: #548eaa !important;
}
/* Links: hover */
.tm-company-card__name:hover,
.tm-news-block__title-link.tm-news-block__title:hover,
.tm-article-snippet__title-link:hover {
color: #548eaa !important;
}
.tm-article-comments__article-snippet,
.tm-comment__body-content code,
.tm-comment__body-content pre {
background-color: #272c2d !important;
}
.tm-notice {
background-color: #2e3436 !important;
}
.tm-comment__body-content,
.tm-notice__content {
color: #b3b3b3 !important;
}
.tm-comment__body-content_v2 .embed__caption-link {
color: #2f93d0 !important;
}
.tm-comment__body-content_v2 .embed__caption-link:visited {
color: #548eaa !important;
}
.tm-comment__body-content_v2 .embed__caption-link:hover {
color: #548eaa !important;
}
/* Background */
.tm-page.tm-my-feed-page,
.tm-page__wrapper,
.tm-page-width,
.tm-user-page__placeholder,
.tm-placeholder_categories,
.tm-companies__placeholder,
.tm-placeholder_article,
.tm-placeholder__company-avatar,
.tm-placeholder__line,
.tm-placeholder-promo__image,
.loads,
.tm-project-block,
.tm-fieldset__header,
.tm-comment__body-content details,
.tm-comment__body-content_v2 details,
.tm-comment__body-content_v2 .mention,
.tm-comment-navigation__block,
.tm-layout__container,
.tm-stories-card-empty__image,
.tm-stories-card-empty__title-block,
.article-formatted-body code,
.article-formatted-body pre,
.article-formatted-body_version-2 details,
.article-formatted-body_version-2 .mention,
.tm-article-card-list__item,
.news-block-item-placeholder__header,
.news-block-item-placeholder__meta,
.tm-user-votes-comments__empty,
.tm-navigation-dropdown__option-button:hover {
background-color: #272c2d !important;
}
.tm-header,
.tm-base-layout__header.tm-base-layout__header_is-sticky,
.tm-layout,
.tm-section-name,
.tm-page__top,
.tm-navigation-search__input,
.tm-pagination,
.tm-navigation-filters__button,
.tm-navigation-filters__options,
.tm-navigation-sorting,
.tm-hubs-list__sorting-panel,
.tm-hubs-list,
.tm-users-list__sorting-panel,
.tm-users-list,
.tm-companies__sorting-panel,
.tm-companies,
.tm-company-card__branding-placeholder,
.tm-company-article__profile-card,
.tm-article-card-list,
.tm-article-comments-counter-button,
.tm-article-comments-counter-link__link_button-style,
.tm-my-feed-page__settings-button,
.tm-rss-button,
.tm-navigation-panel,
.tm-dropdown__body,
.tm-user-charge,
.tm-footer,
.tm-footer-menu,
.tm-page__info,
.tm-popup-page-settings__form,
.tm-user-notification-base,
.user-notifications-dropdown__footer,
.tm-suggest-button,
.tm-hub-card,
.tm-editor__wrapper,
.tm-editor__bottom,
.tm-base-layout__header,
.similar-and-daily__tab-view {
background-color: #2e3436 !important;
}
.tm-comment__header_is-by-op {
background-color: #254203 !important;
}
.tm-comment__header_is-new {
background-color: #222436 !important;
}
.tm-pagination__navigation-link:first-child::after,
.tm-pagination__navigation-link:last-child::before {
background: none;
}
/* Text */
.tm-section-name__text,
.tm-navigation-filters__button,
.tm-navigation-filters__options,
.tm-navigation-sorting__row-option,
.tm-navigation-panel,
.tm-dropdown__body,
.tm-user-item__name,
.tm-project-block-items__property-item,
.tm-page__info,
.tm-page-settings-form__title,
.tm-input-radio-labeled__label,
.tm-labeled-checkbox__label,
.user-notifications-dropdown__title,
.tm-hub-card__name.tm-hub-card__name_variant-base,
.tm-hub-card__description.tm-hub-card__description_variant-base,
.tm-hub__title,
.hljs,
.tm-comments-wrapper__title,
.tm-article-body__tags-title,
.ProseMirror > h1,
.ProseMirror .node__inner p,
.tm-block__body,
.tm-publication__bottom-time,
.tm-user-karma-reset__title {
color: #b3b3b3 !important;
}
/* Links */
.tm-pagination__page,
.tm-main-menu__item_active,
.tm-user-menu__menu-link,
.tm-user-info__username,
.tm-news-block-item__title-link,
.tm-project-block__title-link,
.tm-project-block-items__detail.tm-project-block-items__title,
.tm-docs__link_sidebar,
.user-notifications-dropdown__show-all,
.tm-companies-contribution-block__company-name,
.tm-user-snippet__title,
.tm-most-reading-block__promo-post,
.tm-company-snippet__title {
color: #2f93d0 !important;
}
/* Links: visited */
.tm-pagination__page:visited,
.tm-user-menu__menu-link:visited,
.tm-user-info__username:visited,
.tm-news-block-item__title-link:visited,
.tm-project-block__title-link:visited,
.tm-project-block-items__detail.tm-project-block-items__title:visited,
.tm-docs__link_sidebar:visited,
.user-notifications-dropdown__show-all:visited,
.tm-companies-contribution-block__company-name:visited,
.tm-user-snippet__title:visited,
.tm-most-reading-block__promo-post:visited,
.tm-company-snippet__title:visited {
color: #548eaa;
}
/* Links: hover */
.tm-pagination__page:hover,
.tm-user-menu__menu-link:hover,
.tm-user-info__username:hover,
.tm-news-block-item__title-link:hover,
.tm-project-block__title-link:hover,
.tm-project-block-items__detail.tm-project-block-items__title:hover,
.tm-docs__link_sidebar:hover,
.user-notifications-dropdown__show-all:hover,
.tm-companies-contribution-block__company-name:hover,
.tm-user-snippet__title:hover,
.tm-most-reading-block__promo-post:hover,
.tm-company-snippet__title:hover {
color: #548eaa;
}
/* Article header */
.tm-title {
color: #b3b3b3 !important;
}
/* Other news */
.tm-title__link {
color: #b3b3b3 !important;
}
/* Style fixes */
.tm-suggest-button:hover {
background-color: #7aa600 !important;
}
/* Scrollbar */
::-webkit-scrollbar {
width: 14px;
}
::-webkit-scrollbar-track {
background: #b3b3b3; /* color of the tracking area */
}
::-webkit-scrollbar-thumb {
background-color: #2e3436; /* color of the scroll thumb */
border: 3px solid #b3b3b3; /* creates padding around scroll thumb */
}
/* Backgroud */
.tm-block.tm-block_spacing-bottom,
.tm-block.tm-block_spacing-around {
background-color: #2e3436 !important;
}
/* Links */
.tm-companies-rating__name,
.tm-article-title__link,
.tm-hubs-block__hub-title,
.tm-widget-news__link,
.tm-widget-twitter__name {
color: #2f93d0 !important;
}
/* Links: visited */
.tm-companies-rating__name:visited,
.tm-article-title__link:visited,
.tm-hubs-block__hub-title:visited,
.tm-widget-news__link:visited,
.tm-widget-twitter__name:visited {
color: #548eaa !important;
}
/* Links: hover */
.tm-companies-rating__name:hover,
.tm-article-title__link:hover,
.tm-hubs-block__hub-title:hover,
.tm-widget-news__link:hover,
.tm-widget-twitter__name:hover {
color: #548eaa !important;
}
.tm-description-list__body_variant-columns,
.tm-description-list__body_variant-columns-nowrap,
.tm-description-list__body_variant-columns-numbers,
.tm-description-list__title_variant-columns,
.tm-description-list__title_variant-columns-nowrap,
.tm-description-list__title_variant-columns-numbers,
.tm-widget-twitter__message,
.tm-block__title {
color: #b3b3b3 !important;
}
/* Backgroud */
.tm-tabs {
background-color: #2e3436;
}
.tm-tabs::before,
.tm-tabs::after {
background: none;
}
.tm-user-card__name,...