A SCSS-based theme for Kendo UI components. Currently available for Kendo UI for React and Kendo UI for AngularJS.
Clone the repo and build it via npm run build. This will output CSS files in the dist/ folder. The file dist/main.css will contain the complete theme, which can be used in your project.
The webpackThemeConfig function from the @telerik/kendo-common-tasks module embeds the recommended theme configuration options in a given webpack config. See a preconfigured webpack.config.js for React.
Use with the jQuery widgets is currently not supported, as this theme is focused on the React / AngularJS offering, and requires changes in order to work with the jQuery widgets.
The theme can be customized in one swoop via the colors defined in the styles/_variables.scss file. Any change in this file is propagated to every component. To style specific components, use the variables used in their specific scss file.
Styles are split into components, and dependencies are managed by the import-once mixin. Styles must be defined within an import-once block, so that they are bundled once when required from multiple files.
During development, the SCSS files are linted on every commit and built at push. The theme package can be tested against a component by linking the theme in the components package.
Class names are prefixed with k- during builds. Browser-specific properties are generated via PostCSS autoprefixer.