Skip to content
This repository has been archived by the owner on Jan 19, 2021. It is now read-only.

MrWillCom/github-dark-mode

Repository files navigation

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:

The original light theme

After:

When dark mode is on

Installation

From Browser Extension Store

  1. Install this extension from:
  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.

Third Party Versions