The "var" and "var-per" classes are using white text

[Radu Cantor]

When using a custom color scheme which has a lot of light colors, the text in the “var” and “var-per” classes shows as white, which makes the numbers not visible.

This issue has been reported a few times since the Nov 2020 release, but still hasn’t been fixed.

‌

‌

‌

[Radu Cantor]

To fix the issue for the client I had to add the following code lines to CSS. Please include them in the upcoming release (or provide a different fix for this).

‌

[srichardson]

I can’t reproduce this issue with the default color scheme.

Can you please provide a color scheme to reproduce the issue.

[Radu Cantor]

Hi Stuart,

‌

Sorry for the late reply.

I attached the _custom-variables from the customer where I’ve found the issue.

Basically, all color schemes that have light colors (white or light grey) as brand primary or secondary have this issue, and a lot of other CSS issues as well.

I hope this helps

[srichardson]

Hi Radu,

The issue cannot be reproduced with the supplied _custom-variables.scss file.

Also what are the “lot of other CSS issues”?

Cheers
Stu

[Maurycy Mioduski]

Hi Stuart,
it’s in the _dashboard-components.scss file.

[Ada Trajer]

Fix will be part of 2022.06 FP1 release