| Title: Enable dark mode on Firefox | |
| Author: Solène | |
| Date: 04 May 2020 | |
| Tags: firefox | |
| Description: | |
| Some websites (like this one) now offers two differents themes: light | |
| and dark. | |
| Dark themes are proven to be better for the eyes and reduce battery | |
| usage on | |
| mobiles devices because it requires less light to be displayed hence it | |
| requires less energy to display. The gain is optimal on OLED devices | |
| but it | |
| also works on classic LCD screens. | |
| While on Windows and MacOS there is a global setting for the user | |
| interface in | |
| which you choose if your system is in light or dark mode, with that | |
| setting | |
| being used by lot of applications supporting dark/light themes, on | |
| Linux and | |
| BSDs (and others) operating systems there is no such settings and your | |
| web | |
| browser will keep displaying the light theme all the time. | |
| Hopefully, it can be fixed in firefox as [as explained in the | |
| documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/ | |
| prefers-color-scheme). | |
| To make it short, in the about:config special Firefox page, one can | |
| create a | |
| new key `ui.systemUsesDarkTheme` with a number value of `1`, the | |
| firefox | |
| about:config page should turn dark immediately and then Firefox will | |
| try to use | |
| dark themes when they are available. | |
| You should note that as explained in the mozilla documentation, if you | |
| have the | |
| key `privacy.resistFingerprinting` set to `true` the dark mode can't be | |
| used. | |
| It seems dark mode and privacy can't belong together for some reasons. | |
| Many thanks to | |
| [https://tilde.zone/@andinus](https://tilde.zone/@andinus) who | |
| pointed me this out after I overlooked that page and searched a long | |
| time with | |
| no result how to make Firefox display website using the dark theme. |