about summary refs log tree commit diff
path: root/content/til
diff options
context:
space:
mode:
authorNgô Ngọc Đức Huy <huyngo@disroot.org>2021-05-03 11:24:25 +0700
committerNgô Ngọc Đức Huy <huyngo@disroot.org>2021-05-03 11:24:25 +0700
commitb5243b27c39856fc445687a19d165262e60e318b (patch)
tree24466b53b532865d1a3ce87d94a2d5ab38a04229 /content/til
parent541fd3ef6b6f92788d9e20b21d17bb64f5315087 (diff)
downloadblog-b5243b27c39856fc445687a19d165262e60e318b.tar.gz
Add new TIL
Diffstat (limited to 'content/til')
-rw-r--r--content/til/default_light.pngbin0 -> 172363 bytes
-rw-r--r--content/til/devtool-theme.md13
-rw-r--r--content/til/emulate_dark.pngbin0 -> 177040 bytes
3 files changed, 13 insertions, 0 deletions
diff --git a/content/til/default_light.png b/content/til/default_light.png
new file mode 100644
index 0000000..bfe18fc
--- /dev/null
+++ b/content/til/default_light.png
Binary files differdiff --git a/content/til/devtool-theme.md b/content/til/devtool-theme.md
new file mode 100644
index 0000000..08ff0dc
--- /dev/null
+++ b/content/til/devtool-theme.md
@@ -0,0 +1,13 @@
+---
+categories: [til]
+title: "TIL: Devtool allows you to emulate system theme"
+date: 2021-05-03T11:15:35+07:00
+tag: [css, theme]
+---
+
+Today I learned 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](default_light.png)
+![After choosing dark mode emulation](emulate_dark.png)
diff --git a/content/til/emulate_dark.png b/content/til/emulate_dark.png
new file mode 100644
index 0000000..a45fa1c
--- /dev/null
+++ b/content/til/emulate_dark.png
Binary files differ