Skip to content

tizee-tampermonkey-scripts/hackernews-dark-theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

Hacker News Dark Theme

A comfortable dark theme for Hacker News that reduces eye strain while preserving the site's classic design and functionality.

Features

  • Dark Color Scheme: Carefully selected colors for comfortable long-reading sessions
  • Preserved Comment Nesting: Maintains the original 10-level grayscale system for visual hierarchy
  • Optimized Readability: Enhanced contrast and anti-aliased text rendering
  • Complete Coverage: Styles all pages including comments, threads, and submission forms
  • Iconic Orange Bar: Keeps the signature HN orange header

Installation

  1. Install Tampermonkey browser extension
  2. Click on hackernews-dark-theme.user.js
  3. Tampermonkey will detect the script and prompt for installation
  4. Visit news.ycombinator.com to see the dark theme

Color Palette

Element Color Purpose
Background #1a1a1a Main background
Text #e0e0e0 Primary text
Links #ff9966 Unvisited links
Links (visited) #cc8866 Visited links with reduced opacity
Orange Bar #ff6600 Original HN branding

Customization

To adjust colors, modify the CSS variables in lines 19-30:

--bg-primary: #1a1a1a;      // Main background
--text-primary: #e0e0e0;    // Text color
--link-color: #ff9966;      // Link color

Browser Compatibility

  • Chrome/Edge (Tampermonkey)
  • Firefox (Tampermonkey/Greasemonkey)
  • Safari (Userscripts)
  • Opera (Tampermonkey)

License

MIT

Author

tizee

About

A comfortable dark theme for Hacker News

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published