Search⌘ K
Home
Courses
CSS Theming for Professionals

Installation

Explore the process of installing the css-theming npm package, including how to import JavaScript modules and SCSS source files, to prepare your project for advanced CSS theming and customization.

We'll cover the following...

Installing css-theming

The css-theming package is released as an npm package.

npm

Type the following in your favorite terminal to install it:

$ npm i css-theming

Modules

There are both JavaScript modules (typescript type definitions available) and SCSS src files after you install the package.

JS

You use the JavaScript modules the usual way:

import { initializeTheming, ... } from 'css-theming';

SCSS

The SCSS src files are at css-theming/src/scss/:

// Change "../" depending on where your file is.
@import '../node_modules/css-theming/src/scss/css-theming';

Note: Check the different samples in the GitHub repo to see this up close.

After you’ve successfully installed css-theming, move to the next lesson to begin the setup.