<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:media="http://search.yahoo.com/mrss/"
>

<channel>
	<title>Noir &#8211; Wade Tregaskis</title>
	<atom:link href="https://wadetregaskis.com/tags/noir/feed/" rel="self" type="application/rss+xml" />
	<link>https://wadetregaskis.com</link>
	<description></description>
	<lastBuildDate>Mon, 01 Jan 2024 03:46:54 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://wadetregaskis.com/wp-content/uploads/2016/03/Stitch-512x512-1-256x256.png</url>
	<title>Noir &#8211; Wade Tregaskis</title>
	<link>https://wadetregaskis.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">226351702</site>	<item>
		<title>No more Dark Mode support</title>
		<link>https://wadetregaskis.com/no-more-dark-mode-support/</link>
					<comments>https://wadetregaskis.com/no-more-dark-mode-support/#respond</comments>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Mon, 01 Jan 2024 03:45:56 +0000</pubDate>
				<category><![CDATA[Meta]]></category>
		<category><![CDATA[Bloated]]></category>
		<category><![CDATA[Dark mode]]></category>
		<category><![CDATA[Dark Mode for Safari]]></category>
		<category><![CDATA[Dark Reader]]></category>
		<category><![CDATA[Dracula Dark Mode]]></category>
		<category><![CDATA[Noir]]></category>
		<category><![CDATA[Perfect Images]]></category>
		<category><![CDATA[Sad]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[WP Dark Mode]]></category>
		<category><![CDATA[WP Fastest Cache]]></category>
		<guid isPermaLink="false">https://wadetregaskis.com/?p=7255</guid>

					<description><![CDATA[For about a month I was using WP Dark Mode. I don&#8217;t really recall how I thought upon it to begin with, but I vaguely recall choosing to install it because it seemed kind to support dark mode. Even though I don&#8217;t use it myself, it does seem to have a non-trivial following. And I&#8230; <a class="read-more-link" href="https://wadetregaskis.com/no-more-dark-mode-support/" data-wpel-link="internal">Read more</a>]]></description>
										<content:encoded><![CDATA[
<p>For about a month I was using <a href="https://wordpress.org/plugins/wp-dark-mode/" data-wpel-link="external" target="_blank" rel="external noopener">WP Dark Mode</a>.  I don&#8217;t really recall how I thought upon it to begin with, but I vaguely recall choosing to install it because it seemed kind to support dark mode.  Even though I don&#8217;t use it myself, it does seem to have a non-trivial following.  And I remember being obsessively into it &#8211; and OS theming in general &#8211; when I was a child.</p>



<p>WP Dark Mode had &#8216;flashing&#8217; problems, though &#8211; where the page loads first in normal, &#8216;light&#8217; mode and only then re-renders into dark mode.  Possibly just a result of interference by <a href="https://www.wpfastestcache.com" data-wpel-link="external" target="_blank" rel="external noopener">WP Fastest Cache</a>, which I later realised was probably deferring WP Dark Mode&#8217;s JavaScript files past initial page load.  Irrespective, I found that <a href="https://wordpress.org/plugins/dracula-dark-mode/" data-wpel-link="external" target="_blank" rel="external noopener">Dracula Dark Mode</a> worked better &#8211; though still not flawlessly in this regard &#8211; so I switched to that.</p>



<p>However, I eventually noticed that Dracula Dark Mode adds <em>415 KiB</em> to every single page load, with its JavaScript and CSS files.  That <em>doubles</em> the total size for some pages, even with WordPress &amp; Jetpack bloating the baseline.  Its own analytics suggested that basically nobody uses dark mode, at least amongst people that browse my website.  So that does not seem like a reasonable trade-off.</p>



<p>Thus, with a bit of sadness, I&#8217;ve disabled the plug-in.  Maybe in future the plug-in&#8217;s authors can find a way to optimise things such that its JS &amp; CSS is only loaded if dark mode is actually in use.</p>



<p>Turns out, though, that almost no websites support dark mode anyway &#8211; I discovered as much while having dark mode enabled during my own testing.  So it doesn&#8217;t seem like I&#8217;m an odd one out, and my tiny website is not going to start any trends.  From the looks of it the way most people actually tackle the web in dark mode is through browser plug-ins which basically do the same thing as the WordPress plug-ins, but for <em>every</em> website.  And only users actually interested in dark mode have to pay their price.</p>



<p>I haven&#8217;t tried any of them, but there&#8217;s numerous Safari plug-ins for dark mode, e.g. <a href="https://darkreader.org" data-wpel-link="external" target="_blank" rel="external noopener">Dark Reader</a>, <a href="https://getnoir.app" data-wpel-link="external" target="_blank" rel="external noopener">Noir</a>, <a href="https://alexdenk.eu/mywork/darkmode.html" data-wpel-link="external" target="_blank" rel="external noopener">Dark Mode for Safari</a>, etc.</p>



<p>It does mean I can&#8217;t do image substitutions for dark mode users, but I couldn&#8217;t find any dark mode WordPress plug-in that works correctly in that regard anyway (they seem to do naive URL substitutions, without accounting for images having various replicas of different sizes per WordPress standard practice, and certainly without supporting <a href="https://meowapps.com/wp-retina-2x/" data-wpel-link="external" target="_blank" rel="external noopener">Perfect Images</a>).  It&#8217;s also rare that I have a dark mode version of an image available &#8211; though I can at least be better about using actual alpha channels rather than fixed white backgrounds, going forward.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wadetregaskis.com/no-more-dark-mode-support/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7255</post-id>	</item>
	</channel>
</rss>
