Components: Custom theming md-core() is not defined

Created on 16 Feb 2017  路  3Comments  路  Source: angular/components

Bug, feature request, or proposal:

bug

Which versions of Angular, Material, OS, browsers are affected?

angular 2.4.0, material 2.0.0-beta.2, Win 10, chrome

Is there anything else we should know?

I followed the guide for custom theme

@import '~@angular/material/core/theming/all-theme';

@include md-core();

$md-default: $font-color;
$md-action: $action-color;
$md-output: $output-color;

$candy-app-primary: md-palette($md-default);
$candy-app-accent: md-palette($md-action, A200, A100, A400);
$candy-app-warn: md-palette($md-output);
$candy-app-theme: md-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);

@include angular-material-theme($candy-app-theme);

Error:

ERROR in ./~/css-loader?{"sourceMap":false}!./~/postcss-loader!./~/sass-loader!./src/styles.scss Module build failed: @include md-core(); ^ No mixin named md-core

Most helpful comment

Oh, I just saw the breaking change

@include mat-core();

All 3 comments

Oh, I just saw the breaking change

@include mat-core();

Thank you MurhafSousli . I run into the same problem because I didn't notice the change of prefix in the latest version from 'md' to 'mat'.

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_This action has been performed automatically by a bot._

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Miiekeee picture Miiekeee  路  3Comments

jelbourn picture jelbourn  路  3Comments

vanor89 picture vanor89  路  3Comments

AlanCrevon picture AlanCrevon  路  3Comments

LoganDupont picture LoganDupont  路  3Comments