<h1 dir="auto">Summary of the new feature/enhancement</h1>
<p dir="auto">Request for an option to allow Fancy Zone colors to match to the system light/dark mode.</p>
<h1 dir="auto">Proposed technical implementation details (optional)</h1>
<p dir="auto">Under Appearance, provide a "follow system theme" option (on/off switch or checkbox)</p>
<p dir="auto">When "follow system theme" is enabled, the custom color settings (inactive, highlight, border color) are disabled and the zones follow the system color mode (similar color to the background of the alt-tab dialog).</p>
<p dir="auto">This would allow the zones to match the look/feel (color tone) of the user's desktop environment and visually look similar to other UI throughout the OS.</p>
<h1 dir="auto">Summary of the new feature/enhancement</h1>
<p dir="auto">Allow FancyZones to sync with system color settings.</p>
<h1 dir="auto">Proposed technical implementation details (optional)</h1>
<p dir="auto">A slide toggle that enables FancyZones to sync to the system color themes. This would disable the color picker regions, and apply the following colors:</p>
<ul dir="auto">
<li><strong>active color</strong> - The system color, whether user selected, or automatically picked from the background.</li>
<li><strong>inactive color</strong> - Based on the current light / dark theme settings in Windows</li>
<li><strong>border color</strong> - a darkened version of the active color.</li>
</ul>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/14102723/83869579-ca0b6280-a6fa-11ea-9a19-0462741781dc.png"><img src="https://user-images.githubusercontent.com/14102723/83869579-ca0b6280-a6fa-11ea-9a19-0462741781dc.png" alt="personalization-colors" style="max-width: 100%;"></a></p>
<p dir="auto">Essentially, FancyZones would dynamically adjust based on whatever these current settings are. This includes updating if a wallpaper slideshow causes the system color to change via the <em>Automatically pick an accent color from my background</em> setting.</p>