Color picker added to color variables. When selected, the selected color will be displayed at the bottom and copied to clipboard for futher use. Using Paster Button next to input, pastes the previous selected color.
No need to download theme file when you need variables for specific tab. Just click Copy to Clipboard button and values will be copied to clipboard.
Difficulty in understanding the use of variable, info icon added next to input to give detailed information about the variable.
Copy color values by uploading any design from "Upload design" button.
Select Your Parent theme from LUMA or BLANK
Upload Mockup of your website in PNG or JPG format from "Upload Design" button to get color codes.
Enter value in textboxes as per your requirement. You can use px, em or any format.
Download theme.less file from "Download Theme file" button.
Make sure to place generated theme file under app/design/frontend/Vendor Name/Theme Name/web/css/source/ folder.