Dark Mode is an idea promulgated by Apple; invert the theme to use a dark background and light text instead.
Websites that provide a dark theme.
Ideally they would respect prefers-color-scheme: dark.
| Site | Supports | Notes |
|---|---|---|
| DuckDuckGo | [x] | theme selection |
| GitHub | [x] | respects prefers-color-scheme |
| [ ] | ||
| Hacker News | [ ] | |
| Gmail | [x] | theme selection |
| JSFiddle | [~] | became dark after disabling the ad-blocker? |
| Lobste.rs | [ ] | |
| Nomadlist | [x] | respects prefers-color-scheme |
| Notion | [x] | manual toggle |
| [x] | manual toggle | |
| StackOverflow | [x] | respects prefers-color-scheme |
| [x] | manual toggle |
For all the sites that are not supported: https://darkreader.org/
I noticed that this extension can take quite a bit of CPU. I assume it is needed to calculate the inverted colors.
Out of the box
Ships since Firefox 67.
The feature is disabled if the privacy.resistFingerprinting option is set to
true.
To force a value, create a new entry in about:config.
- name:
ui.systemUsesDarkTheme - type:
int - values:
0(light)1(dark)
If you would like to have a quick method to toggle that setting as an add-on, you can also install this Firefox add-on.
Add the line c.colors.webpage.darkmode.enabled = True; to config.py, then restart qutebrowser (e.g. by running :restart in the qutebrowser prompt).
Navigate to chrome://flags/, then enable the flag #enable-force-dark, then relaunch Chromium.