From b5243b27c39856fc445687a19d165262e60e318b Mon Sep 17 00:00:00 2001 From: Ngô Ngọc Đức Huy Date: Mon, 3 May 2021 11:24:25 +0700 Subject: Add new TIL --- content/til/default_light.png | Bin 0 -> 172363 bytes content/til/devtool-theme.md | 13 +++++++++++++ content/til/emulate_dark.png | Bin 0 -> 177040 bytes 3 files changed, 13 insertions(+) create mode 100644 content/til/default_light.png create mode 100644 content/til/devtool-theme.md create mode 100644 content/til/emulate_dark.png diff --git a/content/til/default_light.png b/content/til/default_light.png new file mode 100644 index 0000000..bfe18fc Binary files /dev/null and b/content/til/default_light.png differ diff --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 Binary files /dev/null and b/content/til/emulate_dark.png differ -- cgit 1.4.1