about summary refs log tree commit diff
path: root/content/sw-notes/devtool-theme.md
diff options
context:
space:
mode:
authorNgô Ngọc Đức Huy <huyngo@disroot.org>2024-04-24 22:47:39 +0700
committerNgô Ngọc Đức Huy <huyngo@disroot.org>2024-04-24 22:48:05 +0700
commit11a7b9b66ce34258a895d2d875fe1e7c0a278b9c (patch)
treef73ad46b083c4edf90736f99a74609ff1451f59a /content/sw-notes/devtool-theme.md
parent94f18e532f73ea80076953daf9b3a616378e91eb (diff)
downloadblog-11a7b9b66ce34258a895d2d875fe1e7c0a278b9c.tar.gz
Rename TIL to software notes
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)