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
type: "post"
description: ""
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](/upload/2021-05-15%20Firefox%20Inspector%20Dark%20Light%20Mode.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			`---`
			`title: "Firefox Dark Mode"`
			`author: ""`
			`date: 2021-05-15T11:54:53+02:00`
			`categories:`
			`tags:`

			`draft: false`
			`type: "post"`
			`description: ""`
[wip] website redesign I have to work on splitting commits in the future. ^^ 2022-11-29 15:20:52 +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`

			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](/upload/2021-05-15%20Firefox%20Inspector%20Dark%20Light%20Mode.png)`

			`You can test this right here on my website 🙂`