[BUG] Timeline Y Axis labels are the wrong colour in dark mode making them very difficult to see

[jgough]

In dark mode, when creating a visualisation of type Timeline, Y-axis labels are black which means they are difficult to see.

To Reproduce Create a timeline visualisation with the following expression .es().yaxis(label="Y AXIS LABEL GOES HERE").title("TITLE GOES HERE")

Note that in the created visualisation the title and legend are in white, but the y axis label is in black and is almost impossible to see.

I expect the y axis label to be white.

OpenSearch Version 1.3.4

Dashboards Version 1.3.4

Screenshots

Host/Environment:

• Docker
• Firefox 91.13.0esr

Additional context I haven't been able to verify if this is still an issue in 2.x

[ashwin-pc]

The timeline visualization is using a very old jquery based charting library under the hood (flot). Given that @joshuarrrr is currently looking into unifying the charting experience across the project, this will likely be fixed with that.

[kavilla]

[Triage]:

More value would be to migrating this visualization as a priority to the new unifying charting experience. +1 to @joshuarrrr.

[joshuarrrr]

I nerd-sniped myself into investigating and fixing this as part of my research into visualization color palettes. Migrating the timeline visualization rendering from flot.js to vega/vega-lite will be a significant amount of work, so at least @jgough and others can enjoy the fix in the meantime. Will raise PR today.