[Lens] New color palette implementation for testing

[teresaalvarezsoler]

Description

The new color palette and the high contrast one need to be tested for all chart types to make sure they both work well for all edge cases.

Tasks

• [ ] Include both palettes as additional options for terms

• [ ] Replace all existing palettes for values with the new colors -- to ensure backwards compatibility, existing charts can keep their colors as custom

• [ ] Replace the colors in the color picker for dimensions

Testing

Test the following scenarios:

• New color palettes work for all chart types
• Infinite loop mechanism works for high dimensional fields
• New color palettes work with the "sync colors" setting in the dashboard
• Existing charts doesn't change their default colors
• New palette works for ES|QL charts

[elasticmachine]

Pinging @elastic/kibana-visualizations (Team:Visualizations)

[florent-leborgne]

Hi! Here are some naming suggestions for the new, and current, color palettes:

the 2 new palettes

• Elastic (default) //new one, giving it an actual name instead of just Default
• Elastic high contrast //new one too, same name as the default one, + stating that it's the high contrast version of the same

the existing ones

• Kibana 7.0 //(previous "default" renamed)
• Kibana 4.0 //(previous "Kibana legacy" renamed)
• Elastic classic //(previous "Elastic brand" renamed. The new palettes are also on brand, so I figured their names should reflect this, and requires renaming this one)

The new ones don't get any temporality in the way they're named, to reinforce that they're the current best and latest. The older ones get renamed to add that temporality notion so that users know they're what they've seen/used in the past, in case they get nostalgic of the old days.

Let me know what you think and we can refine as needed.

[nickofthyme]

@gvnmagni in the meeting this week it was mentioned to use prefers-contrast. To me that would mean we have a user setting toggle, then we use this under the hood to pick the high contrast color palette based on the selected palette. Assuming not all palettes have a high contrast version, I don't know how/if we want to alert the user when the current palette does not support high contrast.

In this flow there would be no need for the explicit naming of the Elastic high contrast palette.