Kendo React : Determine value of specific theme color

1 Answer 10 Views
Styling / Themes
Nick
Top achievements
Rank 1
Nick asked on 22 Aug 2025, 06:52 PM
How can I get the value of a specific theme color (at runtime).  For example, background/foreground of a selected row in a grid?  background/foreground of a focused row in a grid?  I have my own non-Kendo React components that I want to blend with the selected Kendo React theme.

1 Answer, 1 is accepted

Sort by
0
Filip
Telerik team
answered on 26 Aug 2025, 01:24 PM

Hi, Nick,

To get the value of a specific theme color from a KendoReact theme at runtime (such as the background or text color for selected or focused Grid rows), you can use the CSS custom properties (variables) defined by the theme. This allows your custom components to dynamically match the current theme.  The themes define colors as variables, the list of available variables can be found here:

      I hope this helps, but please let me know in case further questions arise on this matter.

      Regards,
      Filip
      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
      Styling / Themes
      Asked by
      Nick
      Top achievements
      Rank 1
      Answers by
      Filip
      Telerik team
      Share this question
      or