🌙 DarkSelect

Force dark mode on any element — not the whole page.

---

The Problem

You're browsing a beautifully dark website. Then — FLASH — a blinding white screenshot or diagram destroys your night vision. Existing extensions either invert the entire page or skip images entirely.

DarkSelect gives you precision control. Click any bright element to invert it. Everything else stays untouched.

---

Install

Browser	Link
🦊 Firefox	addons.mozilla.org/addon/dark-select
🔵 Chrome	chrome.google.com/webstore/detail/dark-select

Or load manually in Firefox:

1. Go to about:debugging#/runtime/this-firefox
2. Load Temporary Add-on → select manifest.json from this repo

---

Usage

1. Click the DarkSelect toolbar icon (or press ⌥ Option + Shift + D on Mac / Alt + Shift + D on Windows)
2. Click "Inspect & Pick Element" — cursor turns to a crosshair
3. Hover any bright element and click to invert it to dark mode
4. Use ↑ / ↓ arrow keys to navigate to parent/child elements
5. Press Esc to exit inspector mode

Right-click any image → "🌙 Force Dark Mode on element" for instant inversion without opening the popup.

---

Filter Presets

Preset	Best For
✨ Smart Invert	UI screenshots, light-mode app windows
⚡ Deep Invert	Maximum contrast, high readability
🌓 Grayscale Invert	Architecture diagrams, B&W documents
🕶️ Dim & Soften	Photos, banners (no color flip)

---

Build from Source

git clone https://github.com/samycc777/dark-select
cd dark-select
bash build.sh
# → dist/dark-select-firefox.zip
# → dist/dark-select-chrome.zip

Requires Node.js (for npx web-ext).

---

Privacy

Zero data collection. All rules are stored locally via the browser's standard storage.local API. No remote servers, no analytics. Read the full privacy policy.

---

License

MIT © 2026 — see LICENSE