change theme color angular material 2

Question

I'm using Angular 2. I want to use different themes color from Angular Material. In particular, I want to use a different theme for each slide I have. But where can I change them?

Answer 1

Just write styleUrl with css/scss file path (Do this for all component you have in your project) like this :-

   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  {

    }