Customizing the button 's appearance through the available Sass variables

1 Answer 14 Views
Button Styling / Themes
Ha Minh Nguyet
Top achievements
Rank 1
Ha Minh Nguyet asked on 22 Jul 2025, 08:16 AM
Unless I'm mistaken, but I cannot customize the apperance of Button which have the properties: 'theme-color' and 'fill-mode'. 
In my case, I would like change the variable kendo-button-focus-shadow in the button : fill-mode (outline) and theme-color(primary). 

1 Answer, 1 is accepted

Sort by
0
Yanko
Telerik team
answered on 24 Jul 2025, 02:55 PM

Hello, Ha Minh Nguyet,

The button uses a color-mix transformation using the `kendo-color-primary` variable to set a shadow when the button is focused.

box-shadow: 0 0 0px 2px  color-mix(in srgb, var(--kendo-color-primary, #ff6358) 30%, transparent);

Can you provide additional details about the desired customization of the button? This way, I can help you customize the button to achieve the desired look.

Regards,
Yanko
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Button Styling / Themes
Asked by
Ha Minh Nguyet
Top achievements
Rank 1
Answers by
Yanko
Telerik team
Share this question
or