Dark Mode Switcher

<p>Provides that can toggle light/dark color.</p><p>You can specify your favor ColorStyle which contains “Dark"("dark"), “Light”("light") or “Elevated”("elevated") key.</p><ul><li><code>Background/Dark/Primary</code>&nbsp;👉&nbsp;<code>Background/Light/Primary</code></li><li><code>Background/Light/Primary</code>&nbsp;👉&nbsp;<code>Background/Elevated/Primary</code></li><li><code>Background Primary (Light)`</code>👉<code> `Background Primary (Dark)</code></li></ul><p><br></p><p><strong>Notice: </strong>The style names before and after 'dark' and 'light' should be set to be the same.</p><p><br></p><h2>Usage</h2><p>Select Frame, then choose 'Dark Mode Switcher' → 'Dark mode' / 'Elevated Dark mode' / 'Light mode'.</p><h2><br></h2><h1>NOTE: For Team Library Supports</h1><p>After version 10, we finally start to support Team Library(formally known as DesignSystem). It needs some "hack"s for your project.</p><h3><br></h3><h2>Usage</h2><ol><li>Open your DesignSystem edit page which has defined colors</li><li>Choose 'Dark Mode Switcher' → 'Save colorStyles from Team Library'</li><li>Return to your file and run Switcher as the basic usage&nbsp;🎉</li></ol><p><br></p><p>Repository: <a href="https://github.com/rei-suzuki/figma-dark-mode-switcher" rel="noreferrer noopener nofollow" target="_blank">https://github.com/rei-suzuki/figma-dark-mode-switcher</a></p><h2><br></h2>