Habr dark theme.
目前为
/* ==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.28
@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") {
/* Backgroud */
.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 {
background-color: #2e3436 !important;
}
/* 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 {
color: #b3b3b3 !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,
.tm-user-card__short-info,
.tm-navigation-dropdown__option,
.tm-description-list__title,
.tm-user-profile__content,
.base-section__title,
.base-section__description,
.base-select__container,
.base-input__label,
.base-radio__label,
.base-checkbox__container,
.tm-user-apps__title,
.base-textarea__container {
color: #b3b3b3 !important;
}
.tm-user-comments__comment {
background-color: #272c2d;
}
.tm-profile__body,
.tm-navigation-dropdown,
.tm-navigation-dropdown__options,
.tm-users-list__placeholder,
.tm-placeholder__category-avatar,
.tm-placeholder__category-name,
.tm-placeholder__category-desctiption,
.tm-user-comment-card,
.user-settings__form,
.tm-user-apps__list {
background-color: #2e3436;
}
/* Links */
.tm-user-comments__header-link,
.tm-user-comments__title-link {
color: #2f93d0 !important;
}
/* Links: visited */
.tm-user-comments__header-link:visited,
.tm-user-comments__title-link:visited {
color: #548eaa;
}
/* Links: hover */
.tm-user-comments__header-link:hover,
.tm-user-comments__title-link:hover {
color: #548eaa;
}
}
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址