<?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/"
	>

<channel>
	<title>Dark Mode &#8211; Fountn</title>
	<atom:link href="https://fountn.design/resource-tags/dark-mode/feed/" rel="self" type="application/rss+xml" />
	<link>https://fountn.design</link>
	<description>Curated design resources. No clutter. Just flow.</description>
	<lastBuildDate>Fri, 23 May 2025 07:18:58 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://fountn.design/wp-content/uploads/2024/03/cropped-Default-150x150.png</url>
	<title>Dark Mode &#8211; Fountn</title>
	<link>https://fountn.design</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>11 uses for variables beyond light and dark mode</title>
		<link>https://fountn.design/resource/11-uses-for-variables-beyond-light-and-dark-mode/</link>
		
		<dc:creator><![CDATA[Ozan Öztaskiran]]></dc:creator>
		<pubDate>Fri, 23 May 2025 07:18:56 +0000</pubDate>
				<guid isPermaLink="false">https://fountn.design/?post_type=resource&#038;p=13541</guid>

					<description><![CDATA[Alice Packard outlines a series of creative and practical applications for design variables in Figma beyond the conventional dark/light theme toggling. Published on her personal blog, the post explores how Figma variables can streamline design work across states, conditions, accessibility needs, and responsive contexts. The first example—validation styling—is used to illustrate how designers can dynamically [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>Dark Theme: 5 UI Design Tips</title>
		<link>https://fountn.design/resource/dark-theme-5-ui-design-tips/</link>
		
		<dc:creator><![CDATA[Ozan Öztaskiran]]></dc:creator>
		<pubDate>Thu, 03 Oct 2024 11:31:01 +0000</pubDate>
				<guid isPermaLink="false">https://backup.fountn.design/?post_type=resource&#038;p=4512</guid>

					<description><![CDATA[When designing a dark theme for your user interface, UX Planet has outlined several key factors to consider to maintain usability and aesthetic appeal. Firstly, UX Planet advises avoiding the use of pure black (#000000) as a background color, as it can be too harsh on the viewer&#8217;s eyes. Instead, it recommends opting for dark [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>Curated Websites from the Dark Side</title>
		<link>https://fountn.design/resource/curated-websites-from-the-dark-side/</link>
		
		<dc:creator><![CDATA[Ozan Öztaskiran]]></dc:creator>
		<pubDate>Thu, 15 Feb 2024 19:53:00 +0000</pubDate>
				<guid isPermaLink="false">https://backup.fountn.design/?post_type=resource&#038;p=953</guid>

					<description><![CDATA[Dark Design specializes in showcasing websites with dark or black themes. You&#8217;ll find a variety of categories like software, agencies, personal portfolios, and more, each represented by their logo and screenshots. Users can freely browse the sites or opt for the &#8220;Dark Pro&#8221; subscription at $5 per month, which unlocks the full directory, previews, profiles, [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>Dark mode theming using Figma token plugin</title>
		<link>https://fountn.design/resource/dark-mode-theming-using-figma-token-plugin/</link>
		
		<dc:creator><![CDATA[Fountn Team]]></dc:creator>
		<pubDate>Sat, 20 Jan 2024 17:27:00 +0000</pubDate>
				<guid isPermaLink="false">https://backup.fountn.design/?post_type=resource&#038;p=1603</guid>

					<description><![CDATA[This article by design expert Habib Bourada outlines an efficient process for creating dark mode themes using Figma&#8217;s token plugin. Bourada begins by explaining the value of design tokens for organizing a project&#8217;s visual elements like colors, typography and more.&#160; He then demonstrates how to establish &#8220;master tokens&#8221; for all color palettes, before defining &#8220;alias [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>Building dark mode on Stack Overflow</title>
		<link>https://fountn.design/resource/building-dark-mode-on-stack-overflow/</link>
		
		<dc:creator><![CDATA[Fountn Team]]></dc:creator>
		<pubDate>Sat, 13 Jan 2024 17:22:00 +0000</pubDate>
				<guid isPermaLink="false">https://backup.fountn.design/?post_type=resource&#038;p=1595</guid>

					<description><![CDATA[Aaron Shekey, Principal Product Designer at Stack Overflow, outlines the thoughtful process behind bringing a dark mode to their popular Q&#38;A platform. Shekey discusses how they modernized the front-end codebase and enabled accessibility-conscious theming through a systematic redesign of their color palette and component library.  By first hand-designing color scales and normalizing values, Shekey ensured [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>How we created a dark UI for GitLab&#8217;s Web IDE</title>
		<link>https://fountn.design/resource/how-we-created-a-dark-ui-for-gitlabs-web-ide/</link>
		
		<dc:creator><![CDATA[Fountn Team]]></dc:creator>
		<pubDate>Sat, 13 Jan 2024 17:21:00 +0000</pubDate>
				<guid isPermaLink="false">https://backup.fountn.design/?post_type=resource&#038;p=1593</guid>

					<description><![CDATA[GitLab designers Marcel van Remmerden and Jeremy Elder share their process for creating a dark mode interface for the company&#8217;s Web IDE tool. They discuss how they approached the challenge of adapting elements like syntax highlighting, buttons, and tabs for a dark theme while maintaining usability.&#160; The designers explain how they used Figma for collaborative [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>Light &#038; Dark Color Modes in Design Systems</title>
		<link>https://fountn.design/resource/light-dark-color-modes-in-design-systems/</link>
		
		<dc:creator><![CDATA[Fountn Team]]></dc:creator>
		<pubDate>Sat, 13 Jan 2024 17:19:00 +0000</pubDate>
				<guid isPermaLink="false">https://backup.fountn.design/?post_type=resource&#038;p=1591</guid>

					<description><![CDATA[Nathan Curtis outlines several key considerations for implementing an accessible light-dark toggle.&#160; He recommends starting by auditing existing neutrals and arranging components across backgrounds. He then discusses modeling background, text, border and state properties for light and dark. Throughout, Curtis emphasizes the importance of accessibility testing and refining the neutral palette. Tokenizing decisions and incrementally [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>Dark Mode — Working with Color Systems</title>
		<link>https://fountn.design/resource/dark-mode-working-with-color-systems/</link>
		
		<dc:creator><![CDATA[Fountn Team]]></dc:creator>
		<pubDate>Sat, 13 Jan 2024 17:15:00 +0000</pubDate>
				<guid isPermaLink="false">https://backup.fountn.design/?post_type=resource&#038;p=1589</guid>

					<description><![CDATA[Søren Clausen discusses the importance of establishing systematic color palettes when designing interfaces with multiple modes like light and dark themes. The author outlines a framework for assigning roles and purposes to different colors to ensure consistency. He also demonstrates how to easily switch between light and dark variants by applying new colors mapped to [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>Illuminating dark mode</title>
		<link>https://fountn.design/resource/illuminating-dark-mode/</link>
		
		<dc:creator><![CDATA[Fountn Team]]></dc:creator>
		<pubDate>Sat, 13 Jan 2024 17:13:00 +0000</pubDate>
				<guid isPermaLink="false">https://backup.fountn.design/?post_type=resource&#038;p=1587</guid>

					<description><![CDATA[This article explores the challenges of implementing a dark mode feature in the Figma design platform, as written by Shirley Miao, a software engineer at Figma.&#160; The author details how dark mode seemed like a simple request at first but raised complex technical issues upon deeper examination. To build a flexible solution, the Figma engineering [&#8230;]]]></description>
		
		
		
			</item>
		<item>
		<title>A Complete Guide to Dark Mode on the Web</title>
		<link>https://fountn.design/resource/a-complete-guide-to-dark-mode-on-the-web/</link>
		
		<dc:creator><![CDATA[Fountn Team]]></dc:creator>
		<pubDate>Sat, 13 Jan 2024 17:11:00 +0000</pubDate>
				<guid isPermaLink="false">https://backup.fountn.design/?post_type=resource&#038;p=1585</guid>

					<description><![CDATA[This comprehensive guide to implementing dark mode on websites was written by the experienced web developers at CSS-Tricks. The article examines both the technical and design considerations involved in offering users a dark theme option.&#160; It explores a variety of approaches to toggling between light and dark themes, such as using body classes, separate style [&#8230;]]]></description>
		
		
		
			</item>
	</channel>
</rss>
