It would be awesome to have "style hooks" for all components - this can be implemented through css variables/properties and would allow for things like dynamic theming including support for dark mode etc.

Because css variables/properties can be read and written through javascript this would open up several new ways for dynamic layouts.

CSS variable/properties are supported on all current browsers except IE 11, and it is possible to implement them with a gracefull fallback.

 

I would like to use RGBA colors when generating a custom theme. 

Hello Kendo team,

I was trying to achieve a kendo style textbox with an icon on the left, like this

It works fine on LESS-based theme, but on SASS-based theme the nner <input /> element is not getting the proper styling, like this

I have prepared a simple dojo to demonstrate this issue. I have tried all the 3 SASS theme, seems like all of them having same issue.

http://dojo.telerik.com/ecaLaPoH

Is there a plan in the future to support multiple themes when using Kendo components. I can currently implement multiple themes on custom components but this is not possible on Kendo components because they import variables directly from SCSS variables in the stylesheet. Due to the file bundling that takes place in React it is impossible to import two SCSS files with the same variable names. The second import will always override the first file. This could be avoided by using a css in javascript solution(e.g. styled-components). This would allow the user to pass in multiple theme objects by using react props. Is there any plan to migrate to a more modern solution for handling styles with Kendo components.

sometimes seems too small the icons in a grid,and i would be nice to have bigger incons with 24X24 ,or 32X32 pixels,because it's very difficult to find something to fit with the themes used in kendo ui.