about summary refs log tree commit diff
path: root/content/til
diff options
context:
space:
mode:
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