Firefox ESR 128.5.1でタブの読み込みアニメーションを円グルグルにして使ってます

.tab-throbber[busy] {
background-image: url("chrome://global/skin/icons/loading.png") !important;
filter: grayscale(100%);
}

これでグルグルは表示されているんですが、grayscaleのgrayの部分を他の色名に変えると青色にしかならないです
例えばredとかgreeenとかにしても青くなります
グレーと青以外の色に変える方法ってありますか？
そもそも自分の使ってるスクリプトがおかしいんでしょうか？
ちなみにFirefox Release版だと上記スクリプト自体動いてくれないのでESRを使用しています