I have the following components in my application:

1. NavbarComponent
2. HomeComponent
3. ClassroomComponent

I use NavbarComponent in both HomeComponent and ClassroomComponent like this:

```
// home.component.html 

<app-navbar></app-navbar>
..something related to HomeComponent

// classroom.component.html

<app-navbar></app-navbar>
..something related to ClassroomComponent

```

I want to customize navbar depending on where it is used: for example, if it's used in HomeComponent, I want it to be red, and if otherwise, then set its color to green.
Is there any way I can do this?