Ability to quickly toggle light and dark mode

I like the feature, but would like to have a more prominent switch either direct when I click on my Profile or at the bottom of the page maybe?

15 Likes

It would be nice if it were in the avatar drop down. YouTube is an example of a site that does it this way and it’s incredibly handy.
image

5 Likes

Thanks @mkurde and @bnb for sharing this feedback. We have considered a few different ways to make a toggle more accessible. If we were to surface a toggle in the dropdown for example how often do you think you would want or need to toggle between modes in an average day?

1 Like

please make the toggle work and locate it like it is on docs.docker.com
that is the best implementation IMHO

3 Likes

Appreciate you sharing the docker example and feedback @54696d21! I’ll take this back to the team to discuss

1 Like

I have a similar setup where my OS is in dark mode the entire time, but the other apps/sites I switch to dark mode when it’s late evening/night. I was using the Dark Reader Browser extension to do a forced dark mode for sites that don’t have a native option. Now that github does have a native one, I think that a quick toggle for that in the nav bar somewhere would be super useful. It might be quicker to implement than a time of the day based switch.

Thanks for taking the time to respond with great detail @subodhpareek18! I’m going to move your reply to a similar topic that is discussing the ability to more easily toggle between light and dark modes.

Please add a quick switch button/icon someone on the screen - currently reaching the option takes too much effort and time :wink:

Thank you!

1 Like

Most sites with a dark/light theme option have an easy way to toggle the theme without navigating away from the page. Currently, when I am viewing a page that is best read in the other theme, I have to:

  1. Go to my settings
  2. Go to Appearance
  3. Change to the other theme
  4. Find my way back to the original page

A simple switch button at the top would solve this issue. Basically, we can just add a smaller version of the button on the profile page to the banner:

I know there is a “system default” option. For users with “system default” chosen and e.g. system default is “light”, we could display the button the same way we would for users with “light” option chosen. When users press the button, the GitHub theme changes to “dark” (not “system default” anymore). Pressing again changes theme to “light”. If users want to switch back to “system default” they can go through the longer workflow described above. Usually, users that toggle the theme away from system default will not want to revert specifically to system default. Additionally, since there are only two real themes, and both can be easily chosen from this button, users will never have to go through the longer workflow described above to get the theme they want.

5 Likes

Thanks @birdie-github and @mark-wiemer for the feedback on including a more easily accessible dark mode toggle in the UI. Having the toggle in the profile dropdown is something that we have explored. We are currently thinking about first introducing a keyboard shortcut to toggle themes. I’m curious to hear your feedback on this potential solution?

2 Likes

A keyboard shortcut would be fine for the time being but please add a quick graphical toggle as well.

1 Like

Keyboard shortcut is great, just be sure to inform users! Appreciate your work on this, accessible dark mode themes are much appreciated :slight_smile:

2 Likes

I just saw a pull request with transparent screen shots, which didn’t work well with black text on dark grey background. For these kind of (rare) situations a quickly accessible toggle button would be very helpful.

1 Like

Pocket did a really great job with theirs. Not many configuration options, but the overall user experience is nice.

@IOIO72 transparent images have been a huge source of community feedback since launching the beta, though supporting theme context for images in light vs dark might not fully address transparent screenshots… A great use case for us to consider though!

An idea that could be interesting would be to add to the dropdown menu of the profile, the option to change the theme, so in any part of the system it would be possible to change the theme chosen by the user.

image

2 Likes

Thanks for the suggestion @buirkan! I’m going to merge this with another topic to keep the thread in one place. We’ve been getting quite a bit of feedback on this and will be exploring options to help users more quickly toggle between modes!

Appearance APIs would be perfect as I would be able to make a quick toggle and add in my Home Assistant based on the light intensity in my room or on sunrise/sunset

1 Like