+++
categories = ["software", "guide"]
title = "Emulate system theme with firefox's devtools"
date = 2021-05-03T11:15:35+07:00
tag = ["firefox", "css", "theme"]
+++

Firefox's devtool provides you with a tool to emulate
dark/light mode (probably Chrome does, too). It can be useful for front-end
developers when they want to design a system-based theme switch.

![My default theme, light theme](/images/default_light.png)
![After choosing dark mode emulation](/images/emulate_dark.png)