mrwillcom / github-dark-mode

The Dark Mode for GitHub.com

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

github-dark-mode's Issues

This project will soon be archived

Since GitHub published their own dark mode, this project became useless.

I created this project to improve your browsing experience a few months ago. Today, you can use the official dark mode to browse more comfortably at night. So, this project will soon be archived.

If you still want great experience, you can try GitHub Enhancing. It provides some floating components with acrylic effects, better layout for mobile and more. It's currently working in progress.

Finally, big thanks to:

• @aeilot - made a Safari version for this project and added scripts for Shell. #1 #2 #3
• @tvut - fixed many bugs. #4 #5
• @Ein-Tim - reported a bug. #6
• @0xflotus - fixed a typo mistake. #7

😄 ❤️

I made the Safari Port of this project

The project is at https://github.com/aeilot/github-dark-mode-safari.

Question regarding the start page

Hey, I just installed this Extension from the Edge App Store and it works really well! Thanks for this great tool!

I just wanted to ask if it's normal that the main page (github.com) looks like this:

It's a bit to "bright", isn't it? 😅

Thanks again!
Best wishes
Tim