From 07e4a2dafe248280b5610f8c7d09b0f30b530f54 Mon Sep 17 00:00:00 2001 From: Bradley Taunt Date: Mon, 10 Jun 2024 09:41:25 -0400 Subject: Initial modifications to rebuilt only changed files based on mod date, performance updates --- build/posts/html-dark-mode/index.html | 59 +++++++++++++++++++++++++++++++++++ 1 file changed, 59 insertions(+) create mode 100644 build/posts/html-dark-mode/index.html (limited to 'build/posts/html-dark-mode/index.html') diff --git a/build/posts/html-dark-mode/index.html b/build/posts/html-dark-mode/index.html new file mode 100644 index 0000000..2a0bbae --- /dev/null +++ b/build/posts/html-dark-mode/index.html @@ -0,0 +1,59 @@ + + + + + + + + HTML Dark Mode + + + + + + + +
+

HTML Dark Mode

+

2023-04-11

+

I wrote an article back in 2021 called The Lazy Developer’s Dark +Mode where I explained how to implement +a very basic “dark mode” by using the prefers-color-scheme CSS attribute. +This stills works perfectly fine, and in fact there is a cleaner variation of +this created by jacksonchen666: These 3 Lines of CSS Will Give You Dark Mode for Free.

+

But today I wanted to show how to add dark mode functionality to a website +without any CSS at all.

+
<meta name="color-scheme" content="dark light">
+
+

Add that line inside the head tags on your HTML files and you’re good to go.

+

Minor Caveat

+

I mentioned this same issue on the official barf blog +post but it doesn’t hurt to repeat it here. +Safari still has minor ahref / link color issue when defaulting to browser dark +mode. If supporting that browser is a deal-breaker for you, I suggest looking +at my hacky solution.

+

Hopefully this helps others to add dark mode to their existing websites and +projects with minimal effort!

+ \ No newline at end of file -- cgit v1.2.3-54-g00ecf