Invensys NG

A modern Angular component library for enterprise apps.

Project Website

invensys.web.za

Installation

npm install invensys-ng

Theme Setup

Import the bundled theme once from your application styles.scss:

@use "invensys-ng/src/lib/themes/theme.scss" as invensys-theme;

@include invensys-theme.define-theme();

This includes light/dark color tokens, body defaults, typography, and scrollbar tokens. Use @include invensys-theme.define-theme($body: false); if your application owns its body styling.

For explicit control, import the theme pieces separately:

@use "invensys-ng/src/lib/themes/colors.theme.scss" as colors-theme;
@use "invensys-ng/src/lib/themes/body.theme.scss" as body-theme;
@use "invensys-ng/src/lib/themes/typography.theme.scss" as typography-theme;
@use "invensys-ng/src/lib/themes/scrollbar.theme.scss" as scrollbar-theme;
@use "invensys-ng/src/lib/themes/scrollbar-mixins.scss" as scrollbar;
@use "invensys-ng/src/lib/themes/color-variables.scss" as vars;

@include colors-theme.define-color-palette(light);
@include colors-theme.define-color-palette(dark);
@include body-theme.define-body();
@include scrollbar-theme.define-scrollbar-theme();
@include typography-theme.define-typography();

html,
body {
  @include scrollbar.themed-scrollbar();
}