Dim X

A Chrome extension that restores the classic Dim (dark navy) color scheme to X.com, replacing the Lights Out pure-black theme.

X.com still ships the full Dim theme CSS variables internally, but no longer exposes it as a user-selectable option. Dim X flips the theme attribute back to "dim" and patches the hardcoded black colors that bypass X's theme system.

How it works

Theme attribute override — A content script sets data-theme="dim" on both <html> and <body> before X's JS runs and uses a MutationObserver to keep it from being reset.
CSS overrides — A stylesheet catches all the places X hardcodes pure black outside the CSS variable system: React Native Web utility classes, Tailwind classes, gradients, inline styles, and sticky headers.
Fallback variables — A complete copy of X's Dim CSS variable definitions is included in case they're ever removed from the site.

Installation

Clone the repository
Open chrome://extensions in Chrome
Enable Developer mode
Click Load unpacked and select the project folder