Some Feedbacks on New Color Variables Structure

[jo1]

Here are my positive and negative feedbacks (with suggestions) on the new color variables structure, not specifically related to new property editor. I’ve discussed some of those points with the team, and some of them are new. I hope this might bring some more attention to small but friction causing behaviours. Here we go:

1. New list view is great.

2. Drag/drop re-ordering is awesome.

3. New popup for editing variables is excellent.

4. Directly editable opacity value input is pretty efficient.

5. UI Bug Variables section is not scrollable at the moment, I tested it on different devices and browsers.

   

6. UX Logic Color picker is custom-built and has some caveats. Having other color formats available would go a long way. This is only for the picker window, not the color format in the code.

   

7. CSS Logic When the opacity of a variable color is changed, the color gets unlinked from the variable. This might be intended behavior, but it breaks some design approaches, especially when using color schemes and themes at the custom CSS level.

   In the old editor, variable colors were handled with rgba values, so changing the opacity did not unlink the color from the variable.