Control text color with rz-color-on-base?

Radzen.Blazor Components
1

I noticed in the demo site that there are references to rz-color-on-base but I’m not able to find anything in the documentation. Is this a legitimate css class for radzentext?.I’m struggling with getting text to be readable on backgrounds when using something like rz-background-color-base-100 and then switching from a light to a dark theme.

2

Hi @asdffail,

Yes, it is legitimate.

For every .rz-background-color-* without numeric name there is a designated .rz-color-on-* css class:

<div class="rz-background-color-base-lighter rz-color-on-base-lighter">

For numerical names, you'd have to select between white/black for best contrast:

<div class="rz-background-color-base-600 rz-color-white">

Same approach is used in the Color demos.