about summary refs log tree commit diff
path: root/content/sw-notes/devtool-theme.md
diff options
context:
space:
mode:
Diffstat (limited to 'content/sw-notes/devtool-theme.md')
-rw-r--r--content/sw-notes/devtool-theme.md13
1 files changed, 13 insertions, 0 deletions
diff --git a/content/sw-notes/devtool-theme.md b/content/sw-notes/devtool-theme.md
new file mode 100644
index 0000000..603ec1b
--- /dev/null
+++ b/content/sw-notes/devtool-theme.md
@@ -0,0 +1,13 @@
+---
+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)