Refined-github: Toggle for Github Theme

[ghost]

Since github is supporting theme natively now, Could you please add a toggle on home screen for toggling the theme right away from the Homepage of github instead of sifting through appearance settings?

[sindresorhus]

Why?

[ghost]

Why?

Why? :disappointed:
Because it will be easier for changing theme on website according to your time...as most people switch to dark-mode during night time to get rid of eye strain,and use light mode during day time

[connor-baer]

One way of achieving this is on macOS is to configure the GitHub theme to follow the system settings:

And also configure your macOS appearance to switch automatically depending on the time of day:

For advanced use cases, you can use NightOwl to switch the appearance from your menu bar and customize it per app.

[kidonng]

You can use the "auto" option.

That said, I see this feature is useful and easy to implement. Will spin up a script (and possibly a PR) later:

• Change data-color-mode of html

• POST to https://github.com/settings/color_mode.<username> with:

  _method: put
  authenticity_token: ...
  color_mode: <mode>
  

[kidonng]

I've just stolen the GitHub's switches instead:

[sindresorhus]

Because it will be easier for changing theme on website according to your time...as most people switch to dark-mode during night time to get rid of eye strain,and use light mode during day time

As mentioned, you can already do this by making it follow your system. I don't really see the point in having a different theme on GitHub than your system. That being said, I don't feel strongly if any of the other maintainers wants this.

[fregante]

Both macOS and Windows have a system dark mode. Having to switch every website when the sun goes down sounds like extra unnecessary work.

Set “auto” and use your system’s dark mode to change everything at once.

[kidonng]

But there are Linux users too (Firefox has good support but not for Chromium). And this is also useful for developers who need to test both light and dark themes for their GitHub related applications (such as me right now 😄).

As this feature doesn't likely go into Refined GitHub, here is a user script based on my PR.

[cheap-glitch]

But there are Linux users too.

It's a bit hackish, but you can have a "global" dark mode switch in Linux too, at least for GTK-based applications like Firefox. Not sure about Chrome/Chromium.

I agree this belongs more in a separate user script.

[fregante]

But there are Linux users too

It’s Linux. They can do everything they set their mind to.

And this is also useful for developers who need to test both light and dark themes for their GitHub related applications (such as me right now 😄).

I do it too, globally. There’s no point in adding a switch to every website. You can probably have a global shortcut on every OS that changes the color everywhere in an instant.

[fregante]

If it’s something you need to do frequently, I suggest a bookmarklet that toggles the color in one click by fetching the form and resubmitting it.

[sindresorhus]

And this is also useful for developers who need to test both light and dark themes for their GitHub related applications

This is a very niche use-case though.

[sindresorhus]

By the way, if you go to your GitHub profile, there's a toggle in the top-right corner.