Use Firefox with a dark theme without triggering dark themes on websites

This content originally appeared on Hidde's blog and was authored by Hidde de Vries

With prefers-color-scheme, web developers can provide styles specifically for dark or light mode. Recently, Firefox started to display dark mode specific styles to users who used a dark Firefox theme, even if they have their system set to light mode.

There is a flag in Firefox that determines whether dark/light preferences are taken from the browser or from the browser theme.

This is how you set it:

1. Go to about:config
2. Search layout.css.prefers-color-scheme.content-override
3. Set it to 0 to force dark mode, 1 to force light mode, 2 to set according to system’s colour setting or 3 to set according to browser theme colour

(via support.mozilla.org)

Personally, I feel respecting the system setting worked better. I hope it gets changed back. In the mean time, I hope this override helps.

This content originally appeared on Hidde's blog and was authored by Hidde de Vries

Print Share Comment Cite Upload Translate Updates

APA

Hidde de Vries | Sciencx (2022-01-12T00:00:00+00:00) Use Firefox with a dark theme without triggering dark themes on websites. Retrieved from https://www.scien.cx/2022/01/12/use-firefox-with-a-dark-theme-without-triggering-dark-themes-on-websites-2/

MLA

" » Use Firefox with a dark theme without triggering dark themes on websites." Hidde de Vries | Sciencx - Wednesday January 12, 2022, https://www.scien.cx/2022/01/12/use-firefox-with-a-dark-theme-without-triggering-dark-themes-on-websites-2/

HARVARD

Hidde de Vries | Sciencx Wednesday January 12, 2022 » Use Firefox with a dark theme without triggering dark themes on websites., viewed ,<https://www.scien.cx/2022/01/12/use-firefox-with-a-dark-theme-without-triggering-dark-themes-on-websites-2/>

VANCOUVER

Hidde de Vries | Sciencx - » Use Firefox with a dark theme without triggering dark themes on websites. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/01/12/use-firefox-with-a-dark-theme-without-triggering-dark-themes-on-websites-2/

CHICAGO

" » Use Firefox with a dark theme without triggering dark themes on websites." Hidde de Vries | Sciencx - Accessed . https://www.scien.cx/2022/01/12/use-firefox-with-a-dark-theme-without-triggering-dark-themes-on-websites-2/

IEEE

" » Use Firefox with a dark theme without triggering dark themes on websites." Hidde de Vries | Sciencx [Online]. Available: https://www.scien.cx/2022/01/12/use-firefox-with-a-dark-theme-without-triggering-dark-themes-on-websites-2/. [Accessed: ]

rf:citation

» Use Firefox with a dark theme without triggering dark themes on websites | Hidde de Vries | Sciencx | https://www.scien.cx/2022/01/12/use-firefox-with-a-dark-theme-without-triggering-dark-themes-on-websites-2/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.