theme()

@mixin theme($theme);

Defined in: _theming.scss:31

Mixin used as wrapper to generate Angular Material (M3) themes with custom tokens.

Access

public

Author

Simon Kovtyk

Examples

@use "@ogs-gmbh/ogsid-11-theme" as ogs-theme;
@use "@angular/material" as mat;
@use "@ogs-gmbh/ngx-m3-themes";
@use "./success-palette.scss";

html {
  @include ngx-m3-themes.theme((
    color: (
      primary: mat.$azure-palette,
      tertiary: mat.$blue-palette,
      success: $success-palette
    ),
    typography: Roboto,
    density: 0
  ));
}

Groups

• custom color palettes

Parameters

Parameter	Type	Description
theme	Map	The theme configuration map.

Requires

Type	Name
function	is-palette
function	filter-theme-color
function	define-system-tokens
function	get-system-token-name

Since

2.0.0