Manage color variables

Questions
1

Hello everyone,

I have a couple of questions and suggestions regarding the management of color variables in the settings and design tabs.

  1. Managing Color Variables in the Settings Tab
    Currently, color variables seem to be organized by their creation date, which isn’t very practical. If I forget a variable, it ends up at the bottom of the list, making it harder to find. Is there a way to reorganize or categorize them for easier navigation?
  2. Improving the Design Tab UX
    When selecting a color variable in the design tab, it can be tricky to find the right one, especially when variables have subtle differences. A dropdown selector with less visual clutter and more explicit information could really improve the experience. Ideally, it would:
  • Display the variable names.
  • Allow us to type the variable name directly into the field for quick access.

These improvements could save a lot of time and reduce confusion, especially for teams managing a large set of variables.

What do you think? Are there any workarounds or plans to enhance this functionality? I’d love to hear your thoughts!

image
image2237×1241 173 KB

image
image206×125 2.54 KB

image

2 Likes
2

I can see how this would be helpful. Please submit it to the IdeaBoard so we can upvote it there. :blush: Make sure to come back here and post a link to it.

1 Like
3

There are lots of potential improvements in this area indeed.

I was so fed up I had to build a little work around to reorganize the colors

1 Like
4

color variables are rather limiting. I wish I could rename or delete the default variables and be able to add shades/states to existing colors (ie disabled shade, hover shade etc)

the styles editor in itself is quite limiting and forces a lot of style conditions to still be on the actual elements instead of in 1 central location

2 Likes
5

Here’s the link of the Idea : thx

1 Like
6

Upvoted. :white_check_mark:

1 Like