Acrylic styling for YouTube Music using backdrop-filter blur.
/* ==UserStyle==
@name YouTube Music acrylic
@description Acrylic styling for YouTube Music using backdrop-filter blur.
@namespace adamw.uk
@author Adam W
@version 1.0.1
@preprocessor stylus
==/UserStyle== */
@-moz-document domain("music.youtube.com") {
ytmusic-player-bar,
ytmusic-search-suggestion,
#contentWrapper,
iron-dropdown {
background-color: transparent !important;
}
.content-scrolled #nav-bar-background,
#player-bar-background,
ytmusic-item-section-renderer.stuck #header.ytmusic-item-section-renderer,
paper-listbox:not(#dropdown-items, .category-menu),
ytmusic-search-suggestions-section,
ytd-multi-page-menu-renderer,
ytmusic-dialog,
iron-overlay-backdrop.opened {
background: rgba(33, 33, 33, 0.75) !important;
backdrop-filter: blur(50px) !important;
}
ytmusic-item-section-renderer.stuck #header.ytmusic-item-section-renderer {
border-top: 2px solid rgba(255, 255, 255, 0.1) !important;
}
iron-overlay-backdrop.opened {
opacity: 1;
background: transparent !important;
}
}