Kendo Themes SCSS?

[Ian]

This page suggests that kendo themes are now available as SASS, but when I download the source for 2017.3.1026, I only see LESS files (and the default-v2.less seems to not compile, but that may be user error). 

Whither the SCSS files for these themes?

[Veselin Tsvetanov]

Hi Ian,

The two Knedo SASS themes are available in the respective GitHub repos:

- kendo-theme-default; and

- kendo-theme-bootstrap;

The above could also be retrieved from NPM:

- @progress/kendo-theme-default; and

- @progress/kendo-theme-bootstrap;

Regards,
Veselin Tsvetanov
Progress Telerik

[Fabio]

Hello,

I'm posting here since it is still relevant to the topic.

How do I get the exact version of the SASS files from github which matches the release version of kendo?

Let's say I have a Zip file of the commercial license named "kendoui.for.jquery.2018.2.516.commercial-source.zip", which version should I take of the repository at https://github.com/telerik/kendo-themes?

The "tag" names are formatted like "@progress/kendo-theme-default@2.47.6"

 

Thanks.

 

[Veselin Tsvetanov]

Hi Fabio,

Currently, there is no available documentation that describes the matching versions of the Sass-based themes.This is already logged as an enhancement issue for the documentation in our public GitHub repository and you can start tracking it from the following item:

https://github.com/telerik/kendo-ui-core/issues/4811

In the above item, you could also find a workaround for determining which exact version of the Sass theme you need. Check the following comment:

https://github.com/telerik/kendo-ui-core/issues/4811#issuecomment-501718119

Regards,
Veselin Tsvetanov
Progress Telerik

[Senura D]

Hi Veselin,

We are using the KendoUIProfessional NuGet package in our environment. However, this package does not contain the '.scss' files we need.

Is there a separate NuGet package we could install to get the needed '.scss' files? Why only npm? Why it does not included in the Kendo UI for jQuery Commercial version (AKA KendoUIProfessional NuGet package)?

 

We always prefer to use NuGet over npm. If we get the '.scss' file using npm, we have to maintain 'KendoUIProfessional' in NuGet and '.scss' files in npm. Which is not convenient at all.

Thanks,

Senura D.

 

[Georgi]

Hi Senura,

With our package we ship the SASS based themes compiled, so basically you can find the themes compiled to css. Nevertheless, you can find the source of the themes in the following repo:

• https://github.com/telerik/kendo-themes

The README contains the necessary steps to locally build the themes. Please bare in mind that this is the latest version of the themes and I would suggest upgrading your kendo if you choose to use them directly from the repository.

Nevertheless, if using the compiled themes works for you, you can use our CDN which allows you to pick an exact version. In your case, you have to use the following version:

• https://kendo.cdn.telerik.com/2018.2.516/styles/kendo.default-v2.min.css

 

Regards,
Georgi
Progress Telerik

[Pistle]

As of the R1 2017 release, the Kendo UI distribution includes Sass-based themes. Currently, Kendo UI delivers the following Sass themes: Kendo UI Default v. 2—The latest update of the Kendo UI Default theme.