[Lens] Making chart axis more readable in dark mode

[iamhowardtheduck]

Currently the time chart on Lens or other visualizations are grey, would like to customize this as it is an ask from many users and customers.

That grey is very hard to read when in dark mode, would like to customize to any color a user prefers.

[elasticmachine]

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

[dej611]

If the problem is just a specific solution integration customization, then I think passing thru Embeddable overrides is the main route. The library already supports fine control over axis theme styling, you can test it here: https://elastic.github.io/elastic-charts/?path=/story/stylings--axis&globals=toggles.showHeader:true;toggles.showChartTitle:false;toggles.showChartDescription:false;theme:light

If we're talking instead about general styling issue it would be nice to have some more feedback here to change such important aspect, and perhaps have some written guidelines also on the EUI side: https://elastic.github.io/eui/#/elastic-charts/time-series

cc @gvnmagni @markov00

[gvnmagni]

It would be important to understand if this request come from the desire of customizing the aspects of charts (therefore a sort of Branding issue) or if it is an issue of readability and accessibility. Peter could you please provide a little bit of background for this issue? Would be great to know more

The reason why I say this is that we probably don't want users to be able to make yellow labels because they like that, but on the other side we need to be sure that they are readable, this would be an important concern.

[stratoula]

I agree with @gvnmagni that giving freedom to the users for the tick labels is possibly something we don't want but I also agree with @iamhowardtheduck that in dark mode they are difficult to read. Maybe the solution here is to find a better default for dark mode?

[dej611]

+1 https://discuss.elastic.co/t/how-to-change-axis-tick-label-colors-in-kibana-dark-theme-for-better-readability/356085/3