Appearance of standard html elements with a Telerik's theme

0 Answers 9 Views
General Discussions Styling
NiV-L-A
Top achievements
Rank 2
Iron
NiV-L-A asked on 11 May 2025, 07:54 PM

Good evening.

I implemented Telerik's themes switching at runtime in my Blazor Server app by following this guide: https://www.telerik.com/blazor-ui/documentation/knowledge-base/change-theme-runtime
So far it seems to be working fine, as I can see the Telerik components change their appearance based on the chosen theme.

I'd like to also apply the theme to other standard html elements in the DOM. For example, even after setting a Telerik's "dark" theme:

  • The body of the page is still white
  • The <label> tags are still black

What is the correct and best approach to change the appearance of the above elements so that they are coherent with the chosen Telerik theme?

Hristian Stefanov
Telerik team
commented on 14 May 2025, 12:38 PM

Hi Roberto,

Make sure you’ve added the k-body class to the <body> element, as shown in the Knowledge Base article about the wrapping <div>.

<body class="k-body">

If you're still running into issues, let me know.

Kind regards,

Hristian

No answers yet. Maybe you can help?

Tags
General Discussions Styling
Asked by
NiV-L-A
Top achievements
Rank 2
Iron
Share this question
or