aeilot / github-dark-mode

The Dark Mode for GitHub.com

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 opened GitHub.com tabs.

Form Source Code

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

1. Clone this repository.
2. Go to the browser's extension settings.
3. Click "Load Unpacked" button.
4. Select the cloned repository and confirm.
5. Turn on the added extension "GitHub Dark Mode".
6. Turn on the system control dark mode.
7. Refresh the opened 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 lokks 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 only(still developing).

• 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