dark mode chrome extension i made to save my eyes on the internet
basically a minimal chrome extension that forces a beautiful dark mode on websites that don't have it natively. it doesn't just invert colors — it injects custom aesthetic gradients and glows on top of the dark mode to make everything look premium.
i have faced issues where i constantly need to spend time to find how to switch modes on different websites. some sites hide the dark mode toggle deep in their settings, and some don't even have one at all. so i made this to just have a global, beautiful dark mode that works everywhere with one click.
- 8 Premium Themes: aurora edge, midnight radial, blue spotlight, deep void, warm ember, neon pulse, cosmic dust, and ocean depth
- Theme Overlays: uses shadow dom to inject glowing radial gradients without breaking site layouts
- Classic Theme: includes the default dark reader theme if u just want the basic look
- Per-Site Settings: remembers the specific theme, brightness, contrast, and sepia u set for each domain
- Keyboard Shortcut: simply press
Alt+Shift+D(orOption+Shift+Don Mac) to instantly toggle dark mode on/off anywhere
- react + webpack
- typescript
- manifest v3
- clone this repo
- run
npm install - run
npm run build - open chrome and go to
chrome://extensions/ - turn on "developer mode" in the top right
- click "load unpacked" and select the
distfolder generated by the build command
just click the extension icon in your browser to open the popup.
use the main toggle to turn it on globally, or use the per-site toggle to disable it for specific websites. pick your favorite theme from the grid and adjust the sliders to your liking!
css injection engine and foundational logic was adapted from darkreader - thanks for the incredible core library! svg icons are from cult-ui.
made this cuz the default dark modes on most websites are boring or non-existent. wanted something that actually looks premium and dynamic.
feel free to use it for your own browsing or tweak the code!