Back to Plugins
DarkSide

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>

themeeffectdark moderadiuscornerdarkexportcolorstylesjsonlight

Plugin Preview

DarkSide 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

https://youtu.be/LfTFuMJFAac


Playground

https://www.figma.com/community/file/993838088453586739/DarkSide-Playground


Switch

  1. You need to group your styles. Example: “Light”/“Dark”, “Desktop”/“Mobile”.
  2. If this is your team style file, you need to publish the file and click “Save team styles”, local files ignore this step.
  3. Click the "OmegaEffect" button to complete the theme switch.


Create

  1. Create the node, its name will become the style name.
  2. Select all the nodes that need to be created as styles.
  3. Select the corresponding create button according to the type of create style.


Creators: @CuriosityWen @WashingtonHua

Plugin Details

Version77
CreatedJune 14, 2021
Last UpdatedMay 17, 2022
CategorySoftware development
CreatorCuriosityWen
Stats4226 installs, 188 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma