This project is archived.

Since GitHub published its own dark mode, this project became useless. So I archived this project.

This project will soon be archived #8

Also, the new GitHub Enhancing extension is published.

---

GitHub Dark Mode

The Dark Mode for GitHub.com

Before:

After:

Installation

From Browser Extension Store

1. Install this extension from:
   • Microsoft Edge Add-ons
   • Firefox Browser Add-ons
2. Turn on the installed extension "GitHub Dark Mode".
3. Turn on the system control dark mode.
4. Refresh the open GitHub.com tabs.

Form Source Code

To install the extension, you need to keep "Developer mode" of your browser is on then start installation.

1. Clone this repository.
2. Run npm run dev or node build.js in the repository.
3. Go to the browser's extension settings.
4. Click "Load Unpacked" button.
5. Select the cloned repository and confirm.
6. Turn on the added extension "GitHub Dark Mode".
7. Turn on the system control dark mode.
8. Refresh the open GitHub.com tabs.

Contributing

If you want to develop this extension, you need to add the style sheets at the end of styles.css.

styles.css looks like this:

@media (prefers-color-scheme: dark) {
    ... {
        ...
    }
    ... {
        ...
    }
    /* Your new style sheets here. */
}

If you found something wrong when you are using this extension, just submit an issue.

Scripts

Here is some scripts to help you develop this extension, they supports PowerShell and Bash as well so that you can use them on all platforms.

• build - Pack extension to a ZIP file
• cbuild - Force pack extension to a ZIP file
• pack-souce-code - pack all the source code to a ZIP file
• cpack-souce-code - Force pack all the source code to a ZIP file
• unzip-release - unpack the packed release.zip

Third Party Versions

• aeilot/github-dark-mode-safari