A comfortable dark theme for Hacker News that reduces eye strain while preserving the site's classic design and functionality.
- 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
- Install Tampermonkey browser extension
- Click on
hackernews-dark-theme.user.js - Tampermonkey will detect the script and prompt for installation
- Visit news.ycombinator.com to see the dark theme
| 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 |
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- Chrome/Edge (Tampermonkey)
- Firefox (Tampermonkey/Greasemonkey)
- Safari (Userscripts)
- Opera (Tampermonkey)
MIT
tizee