<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Untitled Publication]]></title><description><![CDATA[Blog posts on whatever things I think other people might find useful!]]></description><link>https://blog.austinharisch.com</link><generator>RSS for Node</generator><lastBuildDate>Fri, 15 May 2026 03:10:19 GMT</lastBuildDate><atom:link href="https://blog.austinharisch.com/rss.xml" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><ttl>60</ttl><item><title><![CDATA[How to Sync Wallpapers with Themes in KDE Plasma]]></title><description><![CDATA[When I first started using KDE Plasma as my daily driver a few months back, I really loved it. Perhaps I just grew tired of using the same stale Windows desktop that I've been using for two decades, but I can say that using Plasma made me excited to ...]]></description><link>https://blog.austinharisch.com/how-to-sync-wallpapers-with-themes-in-kde-plasma</link><guid isPermaLink="true">https://blog.austinharisch.com/how-to-sync-wallpapers-with-themes-in-kde-plasma</guid><category><![CDATA[Linux]]></category><category><![CDATA[kde]]></category><category><![CDATA[kde plasma]]></category><category><![CDATA[wallpaper]]></category><category><![CDATA[wallpapers]]></category><category><![CDATA[theme]]></category><category><![CDATA[themes]]></category><dc:creator><![CDATA[Austin Harisch]]></dc:creator><pubDate>Mon, 26 Aug 2024 00:21:05 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1724567020587/acc2792e-ac96-46fc-87d4-ce60fed0ee00.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>When I first started using KDE Plasma as my daily driver a few months back, I really loved it. Perhaps I just grew tired of using the same stale Windows desktop that I've been using for two decades, but I can say that using Plasma made me excited to use my computer again. Plasma is perhaps most well-known for how customizable it is, but there was one thing I wanted to do that I just couldn't seem to figure out: change my wallpaper when I switch between light and dark themes.</p>
<p>While many people seem to pick a theme and stick with it, I find myself switching between them quite often depending on the amount of ambient light in the surrounding environment. The problem I run into is that I'm blinded if I have a bright wallpaper at night, and I can't see my computer screen if I have a dark wallpaper in a well-lit room. Manually changing my wallpaper every time I switch themes feels tedious, so I figured there has to be a better way. Luckily, there is!</p>
<div data-node-type="callout">
<div data-node-type="callout-emoji">❗</div>
<div data-node-type="callout-text">I am using KDE Plasma version 6.1.4 on Fedora 40. The steps outlined here should work regardless of your distro as long as you're running Plasma 6. If you're running an older version of Plasma, then you can still probably follow these steps and have success, but I personally haven't tested it on anything other than Plasma 5.27, so your mileage may vary.</div>
</div>

<h2 id="heading-tutorial">Tutorial</h2>
<p>Make sure you have the two pictures you want to swap between when you change themes, ideally a lighter one and a darker one. I'll be using the following images:</p>
<h3 id="heading-light-theme">Light Theme</h3>
<p>(Image by <a target="_blank" href="https://www.artstation.com/midoriyaizuhugs">sorin on Artstation</a>)</p>
<p><a target="_blank" href="https://www.artstation.com/artwork/eJ8kOD"><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724516358767/1bc347ba-73c9-462f-9c05-9ca3ad94921e.jpeg" alt class="image--center mx-auto" /></a></p>
<h3 id="heading-dark-theme">Dark Theme</h3>
<p>(Image by <a target="_blank" href="https://www.pixiv.net/en/users/21215998">唐蛋白 on pixiv</a>)</p>
<p><a target="_blank" href="https://www.pixiv.net/en/artworks/102378999"><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724516386351/2ba074e8-5bde-48f1-a54b-1fc943785b9d.jpeg" alt class="image--center mx-auto" /></a></p>
<p><em>(The art is of characters and locations from Xenoblade Chronicles 3, if you're curious!)</em></p>
<p>Navigate to ~/.local/share/wallpapers. Create a new folder to hold your wallpapers and give it a relevant title.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724562503605/f9546be5-600f-43d8-b902-3fb70fc7bfc7.png" alt class="image--center mx-auto" /></p>
<p>Go into that folder and create a file called <strong>metadata.json</strong>. Open it with your favorite editor and paste the following:</p>
<pre><code class="lang-json">{
    <span class="hljs-attr">"KPlugin"</span>: {
        <span class="hljs-attr">"Id"</span>: <span class="hljs-string">"XC3-Light-Dark"</span>,
        <span class="hljs-attr">"Name"</span>: <span class="hljs-string">"XC3 Light/Dark Theme"</span>
    }
}
</code></pre>
<p>This data is necessary for Plasma to correctly identify the wallpapers. The "Id" key must be a unique value (i.e. just make sure you don't have another metadata.json file in ~/.local/share/wallpapers with the same "Id"). The "Name" key is the title that will actually show up next to your wallpapers. Name it whatever makes sense for you.</p>
<p>Once this is done, save and close the file.</p>
<p>Next, create a directory titled <strong>contents</strong> in ~/.local/share/wallpapers.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724563185777/2607f758-9396-4145-afb7-ed46ee71bb0c.png" alt class="image--center mx-auto" /></p>
<p>Within the contents directory, create two more directories: one titled <strong>images</strong> and another titled <strong>images_dark</strong>. This is where Plasma will look for the image files, so go ahead and copy your wallpapers to their respective locations (light wallpaper into <strong>images</strong>, dark wallpaper into <strong>images_dark</strong>).</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724563518763/5903de98-cb8e-4d19-a05d-e34186fbcd28.png" alt class="image--center mx-auto" /></p>
<p>Even though our wallpapers are now in the folders where they need to be, we're not quite done yet. If we try to change our wallpaper by opening <strong>System Settings</strong> and navigating to <strong>Appearance &amp; Style &gt; Wallpaper</strong>, we can see that our wallpaper is there, but it looks a little bit different than the rest of them. Instead of just showing an image of the wallpapers, they appear to be inside of a folder.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724564721741/7e646e6f-d1f0-4fde-97fa-1b31a7510f81.png" alt class="image--center mx-auto" /></p>
<p>If you try to apply the theme right now, it won't work. What you need to do first is rename both images to reflect their respective resolutions. If you don't know the resolution of an image, you can easily figure it out by right clicking on the image &gt; Properties, clicking the details tab and reading the "Dimensions" at the bottom. In the example below, I can see that my image is 1920x1106, so I am going to name my image exactly that (note that I did not include the comma in the updated filename).</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724564955010/474014ca-d663-44f3-ba3e-798c7980c88d.png" alt class="image--center mx-auto" /></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724564987605/7651d335-f2bc-4525-ae0d-88cea1461764.png" alt class="image--center mx-auto" /></p>
<div data-node-type="callout">
<div data-node-type="callout-emoji">💡</div>
<div data-node-type="callout-text">Remember to rename both wallpaper files!</div>
</div>

<p>Now, if you check your available wallpapers, you should see that the folder icon is no longer showing; instead, you should see a side-by-side of your light wallpaper on the left, and your dark wallpaper on the right.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724565236567/27c19f56-65db-47c6-a752-64fe25824c1e.png" alt class="image--center mx-auto" /></p>
<div data-node-type="callout">
<div data-node-type="callout-emoji">💡</div>
<div data-node-type="callout-text">If you had System Settings open when performing any of these steps, close out and reopen it to make sure that it updates to reflect the changes you made to your wallpapers folder.</div>
</div>

<p>You should be done! To apply your wallpaper, apply a different one first (this has helped prevent issues for me, so I recommend doing this), then apply the new one you just created. When you switch between light and dark themes, you should see that your wallpaper automatically changes along with it.</p>
<h3 id="heading-light-theme-1">Light Theme</h3>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724565644841/84bd160f-8b85-42f5-913c-a911ece77a44.png" alt class="image--center mx-auto" /></p>
<h3 id="heading-dark-theme-1">Dark Theme</h3>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1724565660307/31d2356d-c943-422f-84c2-fa3db3f054ef.png" alt class="image--center mx-auto" /></p>
<p>In my opinion, the easiest way to swap between light and dark themes is to use the <a target="_blank" href="https://store.kde.org/p/1804745/">Day/Night Switcher widget</a>. You'll be able to swap your theme and wallpaper with a single click!</p>
]]></content:encoded></item></channel></rss>