Use Radzen Colors on other HTML Objects

Radzen.Blazor Components
1

Hello,

Is it possible to use the colors of the Radzen Theme in other objects that are not Radzen?
I want to make everything look and feel the same way.

I tried like this but it does not work.
"input type="checkbox" id="scales" name="scales" checked style="background: .rz-background-color-primary-darker" "

Is this even possible?
If so, how can I do it?

Thank you in advance!

2

Hi @Ricardo_Silva,

Try the following:

class="rz-background-color-primary-darker"

or

style="background-color: var(--rz-primary-darker)"

This is the style that is actually applied to the class above.

You can use your browser's DevTools to inspect the elements in this demo and see what styles are applied:

1 Like