Try ordering colors in color variations with body and text colors first

[richtabor]

Currently color palette colors are ordered exactly as depicted in a theme variation's JSON file. The challenge here is that it's difficult to parse which palette would be considered a "dark" palette.

For example, in the visual below, the last color palette sets the background of the site to dark green, but it's unclear that it does so, as the variation has more than five colors (the current max colors visible in a palette) and the color used as the background color is not visible in the palette.

A proposal could be to use the color assigned as the body background color first, the color assigned as the body text color second, and then the remaining colors in order up to five.

The result would be what's depicted on the right:

Perhaps not 100% ideal, but there is more clarity. Thoughts?

Related #61215

[carolinan]

Its not certain that a theme even sets a background or text color. What happens then?

[richtabor]

Its not certain that a theme even sets a background or text color. What happens then?

If there's not either styles.color.background or styles.color.text colors, then they're omitted and the colors are added per in order—max of five.

[luminuu]

I touch on this in a video I've made about changes to the style panel: https://youtu.be/U0q0G5wA52U

[justintadlock]

Related: #60478