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
+								---
-												[blog] fix article title

											
										
										
											2023-03-15 15:23:22 +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 🙂