Uses Simple Icons on Listenbrainz
/* ==UserStyle==
@name ListenBrainz Simple Icons
@namespace https://musicbrainz.org/user/chaban
@version 1.1.4
@description Uses Simple Icons on Listenbrainz
@author chaban
@license MIT
==/UserStyle== */
@-moz-document regexp("https?:\\/\\/(?:beta\\.|test\\.)?listenbrainz\\.org\\/(?:album|track|artist)\\/.*") {
/* Hide original SVGs */
a[href^="https://www.deezer.com/"] svg,
a[href^="https://www.beatport.com"] svg,
a[href^="https://tidal.com"] svg,
a[href^="https://open.spotify.com"] svg,
a[href^="https://genius.com"] svg,
a[href^="https://itunes.apple.com"] svg,
a[href^="https://www.tiktok.com"] svg,
a[href^="https://www.weibo.com"] svg,
a[href^="https://www.youtube.com"] svg,
a[href*="napster.com"] svg,
a[href^="https://www.patreon.com/"] svg,
a[href^="http://www.pixiv.net"] svg,
a[href*="gumroad.com"] svg,
a[href^="https://www.reddit.com/"] svg,
a[href^="https://ko-fi.com/"] svg,
a[href^="https://twitter.com/"] svg,
a[href^="https://music.apple.com/"] svg,
a[href^="https://www.pinterest.com/"] svg,
a[href^="https://www.reverbnation.com/"] svg {
display: none !important;
}
/* Standard Mask Styling */
a[href^="https://www.deezer.com/"]::before,
a[href^="https://www.beatport.com"]::before,
a[href^="https://tidal.com"]::before,
a[href^="https://open.spotify.com"]::before,
a[href^="https://genius.com"]::before,
a[href^="https://itunes.apple.com"]::before,
a[href^="https://www.tiktok.com"]::before,
a[href^="https://www.weibo.com"]::before,
a[href^="https://www.youtube.com"]::before,
a[href*="napster.com"]::before,
a[href^="https://www.patreon.com/"]::before,
a[href^="http://www.pixiv.net"]::before,
a[href*="gumroad.com"]::before,
a[href^="https://www.reddit.com/"]::before,
a[href^="https://ko-fi.com/"]::before,
a[href^="https://twitter.com/"]::before,
a[href^="https://music.apple.com/"]::before,
a[href^="https://www.pinterest.com/"]::before,
a[href^="https://www.reverbnation.com/"]::before {
content: "";
display: inline-block;
background-color: currentColor;
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
}
/* Specific Icon Assignments */
a[href^="https://www.deezer.com/"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/deezer.svg"); }
a[href^="https://www.beatport.com"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/beatport.svg"); }
a[href^="https://tidal.com"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/tidal.svg"); }
a[href^="https://open.spotify.com"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/spotify.svg"); }
a[href^="https://genius.com"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/genius.svg"); }
a[href^="https://itunes.apple.com"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/itunes.svg"); }
a[href^="https://www.tiktok.com"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/tiktok.svg"); }
a[href^="https://www.weibo.com"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/sinaweibo.svg"); }
a[href^="https://www.youtube.com"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/youtube.svg"); }
a[href*="napster.com"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/napster.svg"); }
a[href^="https://www.patreon.com/"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/patreon.svg"); }
a[href^="http://www.pixiv.net"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/pixiv.svg"); }
a[href*="gumroad.com"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/gumroad.svg"); }
a[href^="https://www.reddit.com/"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/reddit.svg"); }
a[href^="https://ko-fi.com/"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/kofi.svg"); }
a[href^="https://twitter.com/"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/x.svg"); }
a[href^="https://music.apple.com/"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/applemusic.svg"); }
a[href^="https://www.pinterest.com/"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/pinterest.svg"); }
a[href^="https://www.reverbnation.com/"]::before { width: 1.25em; height: 1em; mask-image: url("https://simpleicons.org/icons/reverbnation.svg"); }
}