website/content/blog/firefox-dark-mode/index.en.md

---
title: "Firefox' Dark Mode"
author: ""
date: 2021-05-15T11:54:53+02:00
categories:
tags:

draft: false
description: "How to enable the dark mode for all compatible websites in your Firefox."
slug: "firefox-dark-mode"
---

This is how to enable the dark mode for all compatible websites in your Firefox.

## Firefox Config

To enable the Firefox Dark Mode, open your Firefox' [about:config](https://support.mozilla.org/en-US/kb/about-config-editor-firefox) and add a **new** boolean `ui.systemUsesDarkTheme` and set it to `1`.

## Debugging

For debugging purposes, you can switch between dark and light mode using the *Inspector* (right-click → Inspect):

![Firefox' Inspector dark and light mode](2021-05-15_firefox-inspector-dark-light-mode.png)

You can test this right here on my website 🙂
add content and modify gitignore I decided to read the content for simplicity and data safety on my site. It's a website, so the content is out there anyway. 2022-01-24 20:12:23 +01:00			`---`
(article) improve translation 2023-01-06 22:10:02 +01:00			`title: "Firefox' Dark Mode"`
add content and modify gitignore I decided to read the content for simplicity and data safety on my site. It's a website, so the content is out there anyway. 2022-01-24 20:12:23 +01:00			`author: ""`
			`date: 2021-05-15T11:54:53+02:00`
			`categories:`
			`tags:`

			`draft: false`
revised article 2023-03-15 12:24:53 +01:00			`description: "How to enable the dark mode for all compatible websites in your Firefox."`
(article) improve translation 2023-01-06 22:10:02 +01:00			`slug: "firefox-dark-mode"`
add content and modify gitignore I decided to read the content for simplicity and data safety on my site. It's a website, so the content is out there anyway. 2022-01-24 20:12:23 +01:00			`---`

			`This is how to enable the dark mode for all compatible websites in your Firefox.`

			`## Firefox Config`

revise article 2023-03-15 12:25:38 +01:00			To enable the Firefox Dark Mode, open your Firefox' [about:config](https://support.mozilla.org/en-US/kb/about-config-editor-firefox) and add a new boolean `ui.systemUsesDarkTheme` and set it to `1`.
add content and modify gitignore I decided to read the content for simplicity and data safety on my site. It's a website, so the content is out there anyway. 2022-01-24 20:12:23 +01:00
			`## Debugging`

revise article 2023-03-15 12:25:38 +01:00			`For debugging purposes, you can switch between dark and light mode using the Inspector (right-click → Inspect):`
add content and modify gitignore I decided to read the content for simplicity and data safety on my site. It's a website, so the content is out there anyway. 2022-01-24 20:12:23 +01:00
Revise content structure (page bundles) 2023-01-12 11:39:23 +01:00			`![Firefox' Inspector dark and light mode](2021-05-15_firefox-inspector-dark-light-mode.png)`
add content and modify gitignore I decided to read the content for simplicity and data safety on my site. It's a website, so the content is out there anyway. 2022-01-24 20:12:23 +01:00
			`You can test this right here on my website 🙂`