Skip to content

Habrahabr Darkness by valsaven

Screenshot of Habrahabr Darkness

Details

Authorvalsaven

LicenseCC0 - Public Domain

Categoryhabr

Created

Updated

Size11 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Notes

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

  • Add Habr style (v1.0)

Aug 9, 2021

  • Add beta version of the style for the new version of the site (v090821)

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==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,...

Reviews

No reviews yet.