The Kendo Sass Bootstrap Theme is a stand-alone theme which uses linked variables to the Twitter Bootstrap theme in order to achieve a similar look and feel. Thus, customization in the default Bootstrap will affect Kendo UI theme as well. You can read more about it in our documentation on Kendo Sass themes here:
Taking the above into consideration, the Bootstrap Twitter library and the Kendo Bootstrap theme should not be interfering with each other. This is the case as the Kendo Sass theme uses prefixes different than the Bootstrap ones and does not override its styles.
In terms of customizing the Kendo UI Sass-based themes, you could follow one of the two approaches described below:
1. Use the Sass Theme builder for mild customizations which include mainly color changes. You can customize the Charts by changing the colors of the series within the Theme Builder or use any of the predefined color swatches.
2. Apply customizations to the Kendo UI theme variables manually by following the instructions provided here:
It is important to note that customizations should be made prior to importing the Bootstrap and the Kendo UI theme:
; // brand color
The list of the variables that can be customized can be found in the following section of the documentation:
Could you please go over the suggested resources and let me know what difficulties you are encountering while trying to customize the Kendo UI themes? It would be of great help if you could provide us with a demo page that demonstrates your exact configuration (imports, overrides). In this way, I will be able to evaluate the exact use case and assist you further.
I am looking forward to hearing from you.
Get quickly onboarded and successful
with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.