$yiq-light variable not declared when using @progress/kendo-theme-bootstrap version 6.2.0

[Agata]

we use @progress/kendo-theme-bootstrap version 6.2.0 and related ones:

 "@progress/kendo-font-icons": "1.4.0",
    "@progress/kendo-theme-core": "6.2.0",
    "@progress/kendo-theme-default": "6.2.0",
    "@progress/kendo-theme-utils": "6.2.0",
    "bootstrap": "5.2.1"

and we receive and error saying "$yiq-light variable not found".

How we can fix it or change versions ?

Please assist.

[Martin Bechev]

Hi Agata,

Thank you for the provided details.

I already replied to this question in a private support thread, but will reply here as well, because the thread is public and someone else might hit the same problem.

I tested the Kendo Bootstrap theme (but the latest. v6.4.0) in Angular v14 application, and it is compiled successfully. Please refer to the attached project and compare both configurations (the attached one with your local one). 

To run the app:

1. Download and unzip the folder.
2. Run npm install command.
3. Execute ng serve command.

I am looking forward to your reply.

Regards,
Martin
Progress Telerik