Hello everyone,

We revisited this feature request and believe that it's more appropriate and flexible to control the discussed appearance settings through the Telerik CSS theme. You can either create a custom theme or custom CSS variables. The first option required more effort in the past, while the second one was not supported at all before Telerik UI for Blazor version 6.0.0.

Thus, I am marking the item as complete.

@if (RenderCustomVariables)
{
    <style>
        :root {
            /* base background color for ThemeColor and FillMode */
            --kendo-color-base: #ddf;
            --kendo-color-base-hover: #eef;
            --kendo-color-base-active: #ccf;
            --kendo-color-on-base: #00c;

            /* font size */
            --kendo-font-size: 18px;

            /* border raduis for Rounded */
            --kendo-border-radius-md: 1rem;

            /* paddings for Size */
            --kendo-spacing-1: 0.5rem;
            --kendo-spacing-2: 1rem;
        }
    </style>
}

<p>
    <label>
        <TelerikCheckBox @bind-Value="@RenderCustomVariables" />
        Apply Custom Theme Variables
    </label>
</p>

<TelerikButton >Telerik Button</TelerikButton>

<TelerikCalendar />

Regards,
Dimo
Progress Telerik

Hi Brad,

I agree with you that a global ThemeColor can be a useful feature.

This is a valid request and I changed its status to Unplanned. You will receive future notifications about updates.

In the meantime, you can use a separate component that inherits a Telerik component. You can set the ThemeColor in the constructor.

Another way is to use CascadingValues and CascadingParameters to set the ThemeColor in a single location and make changes easier.

Both solutions are valid, but they will not change the ThemeColor globally in an existing application. I am mentioning them for visibility for someone that has an early-stage project.

Regards,
Apostolos
Progress Telerik