NIDS Theme

The NIDS theme system can be used to themify your application to Niduu Visual Identity.

Installation

npm install @niduu/nids-theme

Usage

Color Scheme

You can use the theme color variables after importing the main theme file:

@import "@niduu/nids-theme";

.div-x { background-color: $nids-color--primary; }
.div-x { background-color: $nids-color--secondary; }
.div-x { background-color: $nids-color--tertiary; }
.div-x { background-color: $nids-color--success; }
.div-x { background-color: $nids-color--info; }
.div-x { background-color: $nids-color--warning; }
.div-x { background-color: $nids-color--danger; }
.div-x { background-color: $nids-color--black; }
.div-x { background-color: $nids-color--dark; }
.div-x { background-color: $nids-color--medium; }
.div-x { background-color: $nids-color--light; }
.div-x { background-color: $nids-color--white; }