An interesting question indeed. I have been personally troubled by this limitation as well.
I have 2 solutions that I have used that have somewhat worked for me.
1. Since we have to define which fields can exist in the formatting pane beforehand, this becomes annoying when we have to dynamically allocate the number of options based on usage. One way (quite hacky) is to define ONE color field in the settings.ts . This will be responsible for all the colors that you want to dynamically create.
The Enumerate function (which btw is deprecated, but I'm sure can be replicated in the new function as well) can have a loop for the colors that uses the Update function's options argument to decide how many values should be inserted. Between each value, you can provide a separator to know which colors should be associated with which value. This does become tricky when the user removes a value that already existed, you'll have to check which value was removed and update your app accordingly.
2. Make your own custom page (I suggest you use the dialog box option, but not really necessary). Since this can again use the options property of the update function, you should know how many colors should exist. On the new page (I mean some kind of pop-up), you can have a sort of "settings page/panel" to do this. Once done, you can save these colors in the color field you defined (again, using separators is better) and persist them in the formatting pane.
This maybe isn't the best solution and folks here might have better answers (in which case, even I would love you to know your solutions). However, If I wasn't clear enough here, Just let me know and I can provide some code samples as an example.
Good luck with your visual. Annoying to ask but if it did help you a bit, you could upvote. Denks.
