From 3f6a9546ec13063d0d5bdf21d30a93d3e8aa6050 Mon Sep 17 00:00:00 2001 From: Bradley Taunt Date: Tue, 2 Jul 2024 14:22:21 -0400 Subject: Rebuild changes based off latest barf --- build/html-dark-mode/index.html | 60 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 60 insertions(+) create mode 100644 build/html-dark-mode/index.html (limited to 'build/html-dark-mode/index.html') diff --git a/build/html-dark-mode/index.html b/build/html-dark-mode/index.html new file mode 100644 index 0000000..be2faa6 --- /dev/null +++ b/build/html-dark-mode/index.html @@ -0,0 +1,60 @@ + + + + + + + + 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