DarkSide
<p>A tool for easily toggling between Light/Dark theme or any 2 themes, and also for theme creation.</p><p><br></p><h2>How it works</h2><p><br></p><p><strong>Video</strong></p><p><a href="https://youtu.be/LfTFuMJFAac" rel="noreferrer noopener nofollow ugc" target="_blank">https://youtu.be/LfTFuMJFAac</a></p><p><br></p><p><strong>Playground</strong></p><p><a href="https://www.figma.com/community/file/993838088453586739/DarkSide-Playground" rel="noreferrer noopener nofollow ugc" target="_blank">https://www.figma.com/community/file/993838088453586739/DarkSide-Playground</a></p><p><br></p><p><strong>Switch</strong></p><ol><li>You need to group your styles. Example: “Light”/“Dark”, “Desktop”/“Mobile”.</li><li>If this is your team style file, you need to publish the file and click “Save team styles”, local files ignore this step.</li><li>Click the "OmegaEffect" button to complete the theme switch.</li></ol><p><br></p><p><strong>Create</strong></p><ol><li>Create the node, its name will become the style name.</li><li>Select all the nodes that need to be created as styles.</li><li>Select the corresponding create button according to the type of create style.</li></ol><p><br></p><p>Creators: <a href="http://wenhaoqi.com" rel="noreferrer noopener nofollow ugc" target="_blank">@CuriosityWen</a> <a href="http://www.thewashingtonhua.com" rel="noreferrer noopener nofollow ugc" target="_blank">@WashingtonHua</a></p>
Plugin Preview
About this plugin
A tool for easily toggling between Light/Dark theme or any 2 themes, and also for theme creation.
How it works
Video
Playground
https://www.figma.com/community/file/993838088453586739/DarkSide-Playground
Switch
- You need to group your styles. Example: “Light”/“Dark”, “Desktop”/“Mobile”.
- If this is your team style file, you need to publish the file and click “Save team styles”, local files ignore this step.
- Click the "OmegaEffect" button to complete the theme switch.
Create
- Create the node, its name will become the style name.
- Select all the nodes that need to be created as styles.
- Select the corresponding create button according to the type of create style.
Creators: @CuriosityWen @WashingtonHua
Plugin Details
Version | 77 |
---|---|
Created | June 14, 2021 |
Last Updated | May 17, 2022 |
Category | Software development |
Creator | CuriosityWen |
Stats | 4226 installs, 188 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.