Change the color from Orange to Blue in kendo UI elements like multiselect options, dropdown options, pagination numbers, etc.

1 Answer 1914 Views
ColorPalette DropDownList DropDownTree Grid MultiSelect
Prajwal
Top achievements
Rank 1
Prajwal asked on 07 Aug 2021, 06:23 PM
I want to change the default color of the kendo elements from orange to blue. Initially, it was blue for the past few months. And, now from the past few weeks it has changed to orange. All the colors are orange right from the numbers and the apply filter buttons in the kendo grid pagination to the options in the multiselect and dropdown list. Please, someone help me out with this. This is urgent.

Thank You in advance!

1 Answer, 1 is accepted

Sort by
0
Hetali
Telerik team
answered on 10 Aug 2021, 07:44 PM

Hello Prajwal,

In order to change the default color of the Kendo UI Components, use the Theme Builder Application and modify the color of the components as per your needs.

By modifying the Primary Theme color, you can change the default color of the components. Similarly, you can also modify the Selected background, button background, link text color, etc.

Please give the Theme Builder a try and let me know if it helps or if you have any further questions pertaining to this case.

Regards,
Hetali
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Mughees
Top achievements
Rank 1
commented on 23 Sep 2022, 12:25 PM

What if I don't want to use theme builder application?
can I do change through CSS? 
Hetali
Telerik team
commented on 26 Sep 2022, 07:42 PM

Hi Mughees,

Yes, the primary color of the Kendo UI components can be changed through CSS. However, you will have to manually change the color of each class of each component. You can get the class name by inspecting the element.

Regards,
Hetali
Progress Telerik
Tags
ColorPalette DropDownList DropDownTree Grid MultiSelect
Asked by
Prajwal
Top achievements
Rank 1
Answers by
Hetali
Telerik team
Share this question
or