New to Kendo UI for Angular? Start a free 30-day trial

Nouvelle Theme Overview

The Kendo UI Nouvelle Theme is currently experimental and covers base components such as buttons, inputs, etc. You can vote for it in this Feedback Portal feature request if you want full coverage. Any updates will be posted in this public issue.

In its essence, the Kendo UI Nouvelle Theme is a theme based on CSS variables that can be used with the Kendo UI component libraries. CSS variables are properties you set in your stylesheets that can be reused throughout the application.

Unlike the Kendo UI Nouvelle Theme, the other three themes (Default, Bootstrap and Material) are based on SCSS variables.

The Kendo UI for Angular Nouvelle theme is part of the Kendo UI for Angular library of UI components. It is distributed through NPM under the kendo-theme-nouvelle package.

Installation

  1. Download and install the Kendo UI Nouvelle theme package.

    npm install --save @progress/kendo-theme-nouvelle
  2. For the next steps that include alternative approaches for theme installation, refer to the instructions in the article on styling in Kendo UI.

In this article

Not finding the help you need?