All packs

Night Shade

Reading

One toggle darkens web pages with a careful invert filter (keeps images closer to natural). Setting remembers per browser profile. No accounts, no cloud.

ZIP built in your browser. No server binary download.

Done means

Open a bright page → click the extension → Enable → page darkens; reload still dark.

  • Global on/off
  • Image-safe invert
  • Persisted setting

Permissions

  • storage
  • scripting

Job pattern: Dark mode for the web

Install

  1. Save the source package and unzip it.
  2. Chromium: chrome://extensions → Developer mode → Load unpacked → select the folder.
  3. Firefox: about:debugging#/runtime/this-firefox → Load Temporary Add-on → pick manifest.json.
  4. Load unpacked / temporary add-on. Uses host access on http(s) pages only.

Tweak

Source

{
  "manifest_version": 3,
  "name": "Night Shade",
  "description": "Dark mode for pages",
  "version": "1.0.0",
  "icons": {
    "16": "icons/icon16.png",
    "48": "icons/icon48.png",
    "128": "icons/icon128.png"
  },
  "action": {
    "default_title": "Night Shade",
    "default_icon": {
      "16": "icons/icon16.png",
      "48": "icons/icon48.png"
    },
    "default_popup": "popup.html"
  },
  "background": {
    "service_worker": "background.js"
  },
  "permissions": [
    "storage",
    "scripting"
  ],
  "host_permissions": [
    "http://*/*",
    "https://*/*"
  ],
  "content_scripts": [
    {
      "matches": [
        "http://*/*",
        "https://*/*"
      ],
      "js": [
        "content.js"
      ],
      "run_at": "document_start"
    }
  ],
  "browser_specific_settings": {
    "gecko": {
      "id": "[email protected]",
      "strict_min_version": "121.0"
    }
  }
}