更改主题颜色 angular material 2

Question

我正在使用 Angular 2. 我想使用与 Angular Material 不同的主题颜色。特别是，我想为每张幻灯片使用不同的主题。但是我可以在哪里更改它们？

Answer 1

只需使用 css/scss 文件路径编写 styleUrl（对项目中的所有组件执行此操作），如下所示：-

   import { Component, OnInit } from '@angular/core';
    import { FormGroup, FormControl, Validators, FormBuilder } from '@angular/forms';
    import { AuthenticationService } from '../services/authentication.service';
    import { Router } from "@angular/router";
    import { User } from '../Models/User.interface';

    @Component({
        templateUrl: '/Html/Account/Login.html',
        styleUrls: ['../Content/AppStyles/login.css']
    })

    export class LoginComponent  {

    }

更改主题颜色 angular material 2

change theme color angular material 2

themes

colors

angular-material

angular