WhatsApp Dark Theme

Change your WhatsApp web app to dark theme.

What is WhatsApp Dark Theme?

WhatsApp Dark Theme is a Chrome extension developed by Homecode, and its main feature is "Change your WhatsApp web app to dark theme.".

Extension Screenshots

screenshot

Download WhatsApp Dark Theme Extension CRX File

Download WhatsApp Dark Theme extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        This is a simple Google Chrome Extension to change the WhatsApp web app to the dark theme

If you don't know, WhatsApp has already a css class to change the theme to dark but, it's disabled by default.  

This code just add the class "dark" to body tag of DOM on WhatsApp web page.

You can check out the extension here: https://bit.ly/WhatsAppDarkThemeCode                    

Extension Basic Information

Name WhatsApp Dark Theme WhatsApp Dark Theme
ID kccelbjhigfmkeipogopnnfjjomlcdcg
Official URL https://chrome.google.com/webstore/detail/whatsapp-dark-theme/kccelbjhigfmkeipogopnnfjjomlcdcg
Description Change your WhatsApp web app to dark theme.
File Size 13.59 KB
Installation Count 14
Current Version 1.0.1
Last Updated 2020-06-23
Publish Date 2020-06-23
Rating 5.00/5 Total 4 Ratings
Developer Homecode
Email [email protected]
Payment Type free
Privacy Policy Page URL https://homecode.com.br
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "WhatsApp Dark Theme",
    "version": "1.0.1",
    "description": "Change your WhatsApp web app to dark theme.",
    "permissions": [
        "activeTab"
    ],
    "content_scripts": [
        {
            "matches": [
                "https:\/\/web.whatsapp.com\/*"
            ],
            "js": [
                "contentScript.js"
            ]
        }
    ],
    "icons": {
        "128": "icons\/icon-128.png",
        "16": "icons\/icon-16.png",
        "32": "icons\/icon-32.png",
        "48": "icons\/icon-48.png"
    },
    "browser_action": {
        "default_icon": {
            "128": "icons\/icon-128.png",
            "16": "icons\/icon-16.png",
            "32": "icons\/icon-32.png",
            "48": "icons\/icon-48.png"
        }
    },
    "manifest_version": 2
}