.tabbrowser-tab[непрочитанное], background-image: линейный градиент не работает в userChrome.css

Раньше у меня это работало, но теперь оно перестало работать. У меня есть код в моем userChrome.css создать маленький серый треугольник в правом верхнем углу непрочитанной вкладки.

/* Mark new and unread tabs */
.tabbrowser-tab[unread] {
  font-style: italic; 
  background-image: linear-gradient(-135deg, rgba(100, 100, 100, 0.6) 10px, transparent 0);
}
.tabbrowser-tab[busy] {
  font-style: italic;
}
.tabbrowser-tab[pending] {
  font-style: italic;
}
.tabbrowser-tab:not([pinned]) {
  min-width: 10px !important;
}

/* Move Find Bar above the page */
.browserContainer > findbar {
  -moz-box-ordinal-group: 0;
}

Это первая часть .tabbrowser-tab[unread] это не работает. Что-то не так в моем cssкод?

Я использую Firefox 61.0.1 64-bit на Ubuntu.