Dark Mode Chrome extension icon

Dark Mode

👥 13 users
📦 v1.0
💾 5.81KiB
📅 2026-01-13
View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

# Super Dark Mode Extension 🌙

> [Read in English](#-english-version) | [Leia em Português](#-versão-em-português)

---

## 🇺🇸 English Version

**Super Dark Mode** is a lightweight Chrome Extension capable of forcing Dark Mode on ANY website, including legacy systems and iframes.

### ✨ Features

* **Universal:** Uses smart CSS filters (`invert` + `hue-rotate`) to darken any page.
* **Memory:** Remembers which domains you enabled dark mode for (saves to Local Storage).
* **Iframe Support:** Works perfectly inside complex iframes and embedded forms.
* **Smart Media:** Automatically corrects images and videos so they don't look like "negatives".
* **Dynamic Icon:** The extension icon changes color (Green=ON, Gray=OFF) based on the current tab status.

### 🚀 How to Install

Since this extension is not on the Chrome Web Store yet, you need to install it manually (Developer Mode):

1. Download the source code or the latest `.zip` from the [Releases](../../releases) page.
2. Unzip the folder.
3. Open Chrome and navigate to `chrome://extensions`.
4. Enable **Developer mode** (top right corner).
5. Click **Load unpacked**.
6. Select the folder containing the extension files.

### 🛠️ Tech Stack

* Manifest V3
* JavaScript (Vanilla)
* CSS Filters
* OffscreenCanvas API (for dynamic icons)

---

## 🇧🇷 Versão em Português

**Super Dark Mode** é uma extensão leve para Chrome capaz de forçar o Modo Escuro em QUALQUER site, incluindo sistemas legados e iframes.

### ✨ Funcionalidades

* **Universal:** Usa filtros CSS inteligentes (`invert` + `hue-rotate`) para escurecer qualquer página.
* **Memória:** Lembra em quais domínios você ativou o modo escuro (salva no Local Storage).
* **Suporte a Iframes:** Funciona perfeitamente dentro de iframes complexos e formulários embarcados.
* **Mídia Inteligente:** Corrige automaticamente imagens e vídeos para que não pareçam "negativos" de foto.
* **Ícone Dinâmico:** O ícone da extensão muda de cor (Verde=Ligado, Cinza=Desligado) baseado no status da aba atual.

### 🚀 Como Instalar

Como esta extensão não está na Chrome Web Store ainda, você precisa instalá-la manualmente (Modo Desenvolvedor):

1. Baixe o código fonte ou o último arquivo `.zip` na página de [Releases](../../releases).
2. Descompacte a pasta.
3. Abra o Chrome e vá para `chrome://extensions`.
4. Ative o **Modo do desenvolvedor** (canto superior direito).
5. Clique em **Carregar sem compactação** (Load unpacked).
6. Selecione a pasta onde estão os arquivos da extensão.

### 🛠️ Tecnologias

* Manifest V3
* JavaScript (Vanilla)
* Filtros CSS
* OffscreenCanvas API (para ícones dinâmicos)

---

## 📄 License / Licença

Distributed under the MIT License. See `LICENSE` for more information.

Tags

Make Chrome Yours/functionality accessibility make chrome yours/functionality

Privacy Practices

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

🔐 Security Analysis

⏳ Security scan is queued. Check back soon.

The easiest way to access the Borderless Internet, Hola VPN gets you Access to the global online content you want!
Make Chrome Yours/functionality
Speed up, slow down, advance and rewind HTML5 audio/video with shortcuts
Make Chrome Yours/functionality
Skip sponsorships, subscription begging and more on YouTube videos. Report sponsors on videos you watch to save others' …
Make Chrome Yours/functionality