Dynamic ThemeChanging using CSS Variables as in Material

3 posts, 0 answers
  1. Nagarajan
    Nagarajan avatar
    13 posts
    Member since:
    Jun 2020

    Posted 12 Oct Link to this post

    I have looked into the documentation and found that we can only precompile the SCSS files with required colors. And, I am not able to find a  way to importing single SCSS file and changing its color in runtime using CSS variables as in Material.

    Telerik Recommended Way:https://www.telerik.com/kendo-angular-ui/components/styling/custom-themes/

    Material Way

    https://github.com/tomastrajan/angular-ngrx-material-starter

    https://medium.com/grensesnittet/dynamic-themes-in-angular-material-b6dc0c88dfd7

     

    I have tried it but I am not able to implement such using Telerik theme. So, please confirm me whether Telerik have the support for this or have any plan for this in future. 

  2. Nagarajan
    Nagarajan avatar
    13 posts
    Member since:
    Jun 2020

    Posted 13 Oct Link to this post

    Any update on this?

    Is this possible with current telerik theming capabilities?

  3. Svetlin
    Admin
    Svetlin avatar
    448 posts

    Posted 14 Oct Link to this post

    Hi Nagarajan,

    Indeed, currently there isn't a supported approach that allows to modify the Kendo SCSS themes at run time. Instead the desired theme customization should be achieved at compile time using the dedicated SCSS variables. Changing any of the applied application styles at run time can be achieved by adding some custom CSS dynamically when required.

    Regards,
    Svetlin
    Progress Telerik

    Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).

Back to Top