Hashnode: Dark Mode Enhancement v1.0.0

← Back to Stylus Rules

Applies dark mode styling to Hashnode with a custom dark colour scheme.

What it does

This style rule enhances Hashnode's dark mode by:

  • Custom background: Applying a consistent dark gray background to all content
  • Readable text: Using a light cream colour for optimal contrast and readability

This provides a more comfortable reading experience during nighttime browsing or in low-light environments.

Install Style

Style Content

/* ==UserStyle==
@name           Hashnode: Dark Mode Enhancement
@namespace      https://www.timhilton.xyz/stylus-rules/
@version        1.0.0
@description    Applies dark mode styling to Hashnode with a custom dark color scheme
@author         Tim Hilton
@homepageURL    https://www.timhilton.xyz/stylus-rules/hashnode/dark-mode-enhancement/
@updateURL      https://www.timhilton.xyz/stylus-rules/hashnode/dark-mode-enhancement/latest/dark-mode-enhancement.user.css
==/UserStyle==*/

@-moz-document domain("hashnode.com") {
html#current-style.dark #__next div {
    background-color: #303038 !important;
    color: #f2f2e1;
}
}