Two toolbar same page different color

I have made my toolbar colors globally for all my pages in app.scss and in one page im adding a second toolbar and I want to have different color for that toolbar?

use that page scss file to give the second toolbar your desired color

I tried that but it doesnt work, it still uses app.scss

Add color property to the toolbar you wish have a different color.

<element [color]="secondary">
  content
</element>