Hello everyone, I’m happy to announce the release of the feature of creating and overriding symbols states for Perspective smart symbols. The feature should be available in the new nightlies.
The purpose of this feature is to allow users to create custom states for the existing Perspective smart symbols library to suit individual scenarios or environments. In addition, this feature also allows users to override our existing styles without having to go through the workflow of modifying theme files manually.
The settings can be accessed through the Designer through the Project Properties panel > Symbols category. The list is divided into top level states with each “out of the box” theme listed below. The top level state node will allow users to apply new states or overridden states to each symbol as needed. As a side note, the partiallyClosed state is a derived state from the open and closed state and is not listed in the tree below:
Here is a quick summary of each the settings and their meaning:
Primary Color:
The primary color of the symbol is the background color of the symbol.
Secondary Color:
The secondary color of the symbol is the alternative background color the symbol swaps between when enabled flashing is set to true.
Tertiary Color:
The tertiary color is the background color of any additional elements of the symbol. As of now, this will only affect the Vessel symbol’s liquid fill color.
Enable Flashing:
Enable flashing means the symbol to set an animation where the entire symbol flashes between the primary color and the secondary color.
Enable Animation:
Enable animation means the symbol will play any animations where any part of the symbol is set into motion.
Here are some examples (warning flashing colors below):
Just to close up, this feature will work similarly to style classes and will live update the designer and sessions on save. Give this feature a go, and feel free to post any feedback down below. Thanks!
