CSS Theming for Professionals/

...

/

Setup

Setup

This lesson shows how to do a basic setup of css-theming in your app.

We'll cover the following...

Following are three things you have to do to setup your project to work with css-theming:

  • Optionally define themes in your variables file.
  • Import the main css-theming SCSS file from your app scss file.
  • Call initializeTheming from javascript/typescript in the startup of your app.

Defining system themes #

By default, css-theming gives you two themes, one light theme called default, and another dark theme called default-dark. You’re free to completely override this to define your own system themes.

You override this in your variables file. A variables file is a SCSS file you use that doesn’t emit any real CSS. It contains all the definitions (SCSS ...