diff options
Diffstat (limited to 'build/dark-mode/index.html')
| -rw-r--r-- | build/dark-mode/index.html | 15 |
1 files changed, 8 insertions, 7 deletions
diff --git a/build/dark-mode/index.html b/build/dark-mode/index.html index 1c2ecd5..02c75f0 100644 --- a/build/dark-mode/index.html +++ b/build/dark-mode/index.html @@ -7,7 +7,7 @@ <title>Supporting Basic Dark Mode</title> <link href="/atom.xml" type="application/atom+xml" rel="alternate" title="Atom feed for blog posts" /> <link href="/rss.xml" type="application/rss+xml" rel="alternate" title="RSS feed for blog posts" /> - <style>*{box-sizing:border-box;}body{font-family:sans-serif;margin:0 auto;max-width:650px;padding:1rem;}img{max-width:100%;}pre{overflow:auto;}</style> + <style>*{box-sizing:border-box;}body{font-family:sans-serif;line-height:1.33;margin:0 auto;max-width:650px;padding:1rem;}img{max-width:100%;}pre{border:1px solid;overflow:auto;padding:5px;}.footnotes{font-size:90%;}</style> </head> <nav> @@ -15,17 +15,18 @@ </nav> <main> -<h1>Supporting Basic Dark Mode</h1> +<h1 id="supporting-basic-dark-mode">Supporting Basic Dark Mode</h1> <p>2023-03-07</p> <p>The default <code>barf</code> site generator now supports basic dark mode functionality. This has been achieved by including the standard <code>color-scheme</code> meta tag in the core <code>header.html</code> file:</p> -<pre><code><meta name="color-scheme" content="dark light"> +<pre><code><meta name="color-scheme" content="dark light"> </code></pre> <p>This change also ships with some minor updates to the default <code>blockquote</code> design. You can see an example below:</p> -<blockquote><p>This is a really <em>cool</em> blockquote</p> +<blockquote> +<p>This is a really <em>cool</em> blockquote</p> </blockquote> -<h2>Minor Caveat</h2> -<p>Unfortunately, Safari still has minor <code>ahref</code> / link color issue when defaulting to browser dark mode. If this is a problem for your own build of <code>barf</code>, take a look at a <a href="https://bt.ht/safari-default-dark-mode/">solution I wrote about here</a>.</p> -<p>Personally, I can't be bothered to add that extra code to this project. The Safari team needs to get their shit together and fix such a simple bug. Plus, you shouldn't be using Safari anyway - it's proprietary garbage.</p> +<h2 id="minor-caveat">Minor Caveat</h2> +<p>Unfortunately, Safari still has minor <code>ahref</code> / link color issue when defaulting to browser dark mode. If this is a problem for your own build of <code>barf</code>, take a look at a <a href="https://bt.ht/safari-default-dark-mode/">solution I wrote about here</a>.</p> +<p>Personally, I can’t be bothered to add that extra code to this project. The Safari team needs to get their shit together and fix such a simple bug. Plus, you shouldn’t be using Safari anyway - it’s proprietary garbage.</p> <footer role="contentinfo"> <hr> <h3 id="menu">Menu Navigation</h3> |