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/posts/html-dark-mode/index.html | 60 ----------------------------------- 1 file changed, 60 deletions(-) delete mode 100644 build/posts/html-dark-mode/index.html (limited to 'build/posts/html-dark-mode') diff --git a/build/posts/html-dark-mode/index.html b/build/posts/html-dark-mode/index.html deleted file mode 100644 index be2faa6..0000000 --- a/build/posts/html-dark-mode/index.html +++ /dev/null @@ -1,60 +0,0 @@ - - - - - - - - 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