Setting color characteristics - plugin for Shopy-Script applications

Using the plugins "Setting color characteristics" you can set any values for the "Color" characteristic.

The parameters are defined by CSS styles, the list of options that are now possible:

• gradient, linear or radial,
• an icon using a link to an image or an icon and specify the icon position within the icon
• an image encoded in base64
• a random gradient using the random! command

for example:

background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,124,0,1) 100%);
background: url(/img/colors.png) no-repeat; background-position: -245px -2px;

Gradients can be generated here https://cssgradient.io and paste all the css into the field as is

To generate sprites https://www.toptal.com/developers/css/sprite-generator/

To convert an image to base64 https://codebeautify.org/image-to-base64-converter