How to change font color in chart's View Data mode

[zagahmadi]

Hi, i have converted my dashboards to "dark mode" with a combination of CSS and individual chart Style changes. However, when i enter "View Data" mode for any chart I can see that the font color is still black / dark grey. How can i change the font color of the text shown in View Data mode?

[marksouzacosta · Accepted solution]

Hi @zagahmadi,

When you click on View Data the rendered HTML code of the chart changes so you have to locate the element that you would like to change based on the new HTML.

This is an example of View Data of a Table chart:

This is the regular view of the chart:

And this is the View Data formatted - I made the text red:

This is the CSS code I have injected in the Multi-KPI chart to make the magic.

[data-testid="table-container"] span {
    color: #FF0000 !important;
}

Please let me know if that helped you.

Regards

Mark Costa

[zagahmadi]

Outstanding, Worked like charm. Thanks so much!