wlpacks-ontimize-web-ngx-theming v8.7.0

wlpacks-ontimize-web-ngx-theming

Ontimize web module for applications theming through 'scss' files loading .

Usage

In your application main style file ('app.scss' if you are using ontimize-web pre-built apps) import one of the available themes file for loading its content:

• If you only want to load a pre-built theme of '@angular/material', load one of the following files:
  • @import 'node_modules/wlpacks-ontimize-web-ngx-theming/src/themes/mat-indigo-pink.scss';
  • @import 'node_modules/wlpacks-ontimize-web-ngx-theming/src/themes/mat-deeppurple-amber.scss';
  • @import 'node_modules/wlpacks-ontimize-web-ngx-theming/src/themes/mat-pink-bluegrey.scss';
  • @import 'node_modules/wlpacks-ontimize-web-ngx-theming/src/themes/mat-purple-green.scss';

• Finally if you want to use the default ontimize theme and styles, just load:

  • @import 'node_modules/wlpacks-ontimize-web-ngx-theming/src/themes/ontimize.scss';

  In other case you can define your own theme, and, if you want, use the ontimize styles for a better component rendering including the following lines:

  • @import 'node_modules/wlpacks-ontimize-web-ngx-theming/ontimize-theme.scss';
  • @include ontimize-theme-styles($theme);

  Also, if you want to use compact styles for 'Ontimize Web' components, you have to include the following lines (theme definition is mandatory, optionally you can add a angular material typography configuration):

• @import 'node_modules/wlpacks-ontimize-web-ngx-theming/ontimize-theme-lite.scss';

• @include ontimize-theme-styles-lite($theme, $typography);