[TB] Questions around multiple Color Themes in new UI

[aaronreed708]

Problem/Concern

After discussing #820 wireframes and UX with @omesh-omg we had a few questions.

1. When the user gets to "Step 3, Light and Dark Mode" and starts to assign values to the Primary, Secondary and Tertiary colors, what do the other expandable fields look like? For example, do the Button or Hotlinks "colorized" dropdowns have a default color assigned as soon as a primary color is selected? According to the text for those sections, they appear to get a default value. But if that is true and I go to modify the default colorized value, for example, would the "Suggested Changes" modal dialog appear even though I've never set the value before? I might want to play with a lot of the values initially and dealing with the popup every time might be annoying.
2. Do the Light and Dark swatches in both the Button and Hotlinks sections do anything? They don't seem to be dropdowns. Are they actionable? What should their default values be?
3. How should we refer to they styles generated by the named Color Themes that we add to the design system? If I add a color theme called "HR" and end up saving that design system and using it in my application, would the relevant style be var(--hr-button) but the default Color Theme would use var(--button)?

Note: I assume that we'll need to do name collision validation, @omesh-omg, to make sure no one duplicates a name. In addition, we'll probably need to make sure that only characters that can be used in CSS selectors can be entered in the color theme name.

[aaronreed708]

More questions (which I asked today in the Figma file, so look there for possible answers):

4. If I am looking at the button molecule, will I be able to change the currently selected theme so that I can see the different button colors on the page without having to navigate back to the color theme and select a different theme?
5. If we have multiple themes, what are we producing for MUI theme files? Will we have a different MUI theme file for each color theme?
6. Currently in Theme Builder, a design system will not consider the ColorThemes node "initialized" unless ALL of the named themes are initialized. Which means if we add a new theme, then atoms, molecules, organism, etc. nodes won't be enabled until the new theme has been initialized. Note: need to double check this.