WSJ Dark Mode

Elegant dark mode for Wall Street Journal when system dark mode is enabled

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

Author
hxueh
Daily installs
0
Total installs
2
Ratings
0 0 0
Version
0.0.4
Created
2025-12-31
Updated
2026-01-02
Size
17.6 KB
License
MIT
Applies to

WSJ Dark Mode - Elegant & System-Aware

A sophisticated, high-quality dark theme for The Wall Street Journal (WSJ) designed for deep focus and eye comfort. Unlike static themes, this script intelligently follows your system's color scheme for a seamless browsing experience.

✨ Key Features

  • 🌓 System Sync: Automatically activates when your OS is in dark mode and switches back when it's in light mode.
  • 🎨 Premium Palette: Uses a warm, midnight-gray background and soft-white text to reduce eye strain and "blue light" fatigue during long reads.
  • 📈 Market-Aware: Intelligently preserves green and red indicators for stock tickers and market data so you don't lose critical financial context.
  • ⚡ High Performance: Runs at document-start to prevent that annoying "white flash" while pages are loading.
  • 🖼️ Smart Media: Slightly dims images, videos, and advertisements to blend into the dark environment, returning to full brightness on hover.

🛠 Technical Highlights

  • Dynamic Compatibility: Uses fuzzy CSS selectors (e.g., [class*="Headline"]) to ensure the theme stays working even when WSJ updates its site code.
  • Optimized Transitions: Smooth background fades for a premium, modern feel.
  • Comprehensive Coverage: Styles everything from the homepage and articles to search results, comments, and newsletter signups.

Example: If your macOS or Windows theme is set to "Dark," WSJ will automatically transform into the midnight theme. Switch your OS to "Light," and the script will step aside to show the original site.