[TUTORIAL] This is how to get Dark Mode on the ChatGPT-Web website (not the desktop app).

[gaveitatry2]

This method allows you to continue using the light theme on your internet browser and will only apply dark mode to the ChatGPT-Web website.

1.) Install the Dark Reader extension (https://darkreader.org). It's available on Firefox, Chrome, Edge, and Safari.

2.) Go to the ChatGPT-Web website. Click on the Dark Reader toolbar button. Click on the 'Site List' tab. Click on 'Inverted Listed Only.' Press Alt + Shift + A to add ChatGPT-Web to the list.

By following the above steps, all of your websites will continue using the light theme (if that is what your browser is set to use) and Dark Reader will only work on and apply dark mode to the websites that you added to the 'Inverted Listed Only' section.

[Niek]

If this is really important for people, we might want to add a toggle to override the system prefers-color-scheme setting 🤔

[Webifi]

@Niek I don't believe there's a way to force prefers-color-scheme, and bulma-prefers-dark seems to use that exclusively to switch.
(maybe I'm missing something simple but I see no easy way to force bulma-prefers-dark to dark mode without modifying its css)

[Niek]

@Webifi Right, you can't force the prefers-color-scheme setting (see also: jloh/bulma-prefers-dark#22), but I think it would be possible to conditionally apply the bulma-prefers-dark CSS with a JS toggle. Best would be official Bulma dark mode support, but I don't see that happening soon (see: jgthms/bulma#2342).