Elon Bring Back Dim Mode

Chrome extension that restores the beloved Dim (dark blue) background theme on X/Twitter and Grok, replacing the harsh pure black "Lights Out" background with the original soft dark blue (#15202B).

Install

1. Go to the Chrome Web Store page
2. Click "Add to Chrome"
3. On X/Twitter, set your theme to "Lights Out" (Settings > Display > Lights Out)
4. On Grok, set your theme to dark mode
5. Click the extension icon to toggle Dim on/off for each site independently

Features

• Restores the Dim (dark blue) background on X/Twitter
• Restores the Dim (dark blue) background on Grok
• Independent toggles for each site
• Pure CSS overrides — lightweight and fast
• No data collection, no tracking, no analytics

Requirements

• X/Twitter must be set to "Lights Out" (dark) mode
• Grok must be in dark mode
• The Dim theme activates on top of the existing dark mode

How It Works

The extension applies CSS overrides on top of the existing dark mode:

• X/Twitter: Targets known utility class selectors and inline styles to replace black backgrounds with Dim blue equivalents.
• Grok: Overrides the native --surface-* CSS variables with Dim blue HSL values.

No DOM elements are injected or modified. No JavaScript hooks into site functionality.

Dim Palette

Color	RGB	HSL	Usage
Base	rgb(21, 32, 43)	210 34% 13%	Main background
L1	rgb(30, 39, 50)	213 25% 16%	Hover backgrounds
L2	rgb(39, 51, 64)	211 24% 20%	Elevated surfaces
L3	rgb(47, 60, 74)	211 22% 24%	Cards
Border	rgb(56, 68, 77)	206 16% 26%	Borders, dividers
Muted text	rgb(139, 152, 165)	210 13% 60%	Secondary text

Install from Source (Developer)

1. Clone this repo
2. Open chrome://extensions/
3. Enable "Developer mode"
4. Click "Load unpacked" and select the project folder

Privacy

This extension does not collect, store, or transmit any personal data. See Privacy Policy.

License

MIT

Author

Made by @ann0nip