Dark Mode icon

Dark Mode

by Rhuan Campos

v1.0 Updated Jan 13, 2026 5.81KiB
CWS
11
Users
★ 0.00
0 reviews
#87999
of 152K
functionality
#2931 of 5.6K

Description

# 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.
Dark Mode screenshot 1Dark Mode screenshot 2

Reviews

Loading reviews...

Permissions (2)

Permissions

activeTabâ„č Can access the current tab when you click the extension storageâ„č Can store data locally in your browser

Details

Version 1.0
Updated Jan 13, 2026
Size 5.81KiB
First Seen Mar 27, 2026