material.io のデザイン変更

Question

material.ioのcssフレームワークでTopAppBarのデザインの変更ができません。

やりたいこと：
TopAppBarを白色にしたい。

試したこと：

1, index.htmlでmaterial.ioのcssフレームワークとTopAppBarを読み込んだ。また

<link rel="stylesheet" type="text/sass" href="hoge.scss"> と記述しhoge.scssを読み込んだ。

2, そしてmaterial.ioの公式ドキュメント通りhoge.scssに

@mixin sink-color($color:white)｛
｝

と記述したがAppBarが白色にならない。

material.ioの公式ドキュメント：
https://material.io/components/app-bars-top/android#using-top-app-bars