Можно использовать с другими темами.
Внимание: используйте блокировщики рекламы, такие как uBlock Origin.
Better with AdBlockers and other themes.
YaMusic Transparent: Zero (beta) by invent1veness

Details
Authorinvent1veness
LicenseCC Zero
Categorymusic.yandex.ru
Created
Updated
Code size6.4 kB
Code checksum8c557f5b
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Rough draft
Source code
/* ==UserStyle==
@name YaMusic Transparent: Zero (beta)
@namespace userstyles.world/user/invent1veness
@version 0.1.10
@description Rough draft. Better with AdBlockers
@author github.com/invent1veness
@license CC Zero
==/UserStyle== */
@-moz-document domain("music.yandex.ru") {
body.theme-white .deco-pane-body {
background-color: #fff;
}
body.theme-black .deco-pane-body {
background-color: #000;
}
.page-root .page-root_no-player .deco-pane-back {
background-color: rgba(255, 255, 255, .8);
}
/* content block */
.theme-white .audio-animation__fade-top,
.theme-black .audio-animation__fade-top,
.theme-white .audio-animation__fade-bottom,
.theme-black .audio-animation__fade-bottom,
.theme-white .audio-animation__fallback-fade-left,
.theme-black .audio-animation__fallback-fade-left,
.theme-white .audio-animation__fallback-fade-right,
.theme-black .audio-animation__fallback-fade-right,
.audio-animation, .audio-animation__fallback {
display: none;
}
/* global */
.theme-white .deco-pane,
.theme-white .deco-pane-back,
.theme-white .deco-pane-secondary,
body .local-theme-white .deco-pane,
body .local-theme-white .deco-pane-back,
body .local-theme-white .deco-pane-secondary,
.theme-black .deco-pane,
.theme-black .deco-pane-back,
.theme-black .deco-pane-secondary,
body .local-theme-black .deco-pane,
body .local-theme-black .deco-pane-back,
body .local-theme-black .deco-pane-secondary {
background: none;
}
.theme-white .deco-pane .centerblock-wrapper,
body .local-theme-white .deco-pane.centerblock-wrapper,
.theme-black .deco-pane .centerblock-wrapper,
body .local-theme-black .deco-pane.centerblock-wrapper {
background: none;
}
.branding .branding-pane,
.branding, .branding iframe {
display: none;
}
.theme-white .deco-pane-back,
.theme-white .page-root .page-root_no-player .deco-pane-back {
background-color: rgba(255, 255, 255, .9);
}
.theme-black .deco-pane-back,
.theme-black .page-root .page-root_no-player .deco-pane-back {
background-color: rgba(0, 0, 0, .8);
}
/* nav bar */
.theme-white .head-container .deco-pane,
body .local-theme-white .head-container .deco-pane,
.theme-black .head-container .deco-pane,
body .local-theme-black .head-container .deco-pane {
background-color: rgba(255, 255, 255, 0);
}
.theme-white .head-container:hover .deco-pane,
body .local-theme-white .head-container:hover .deco-pane {
background-color: rgba(255, 255, 255, .95) !important;
}
.theme-black .head-container:hover .deco-pane,
body .local-theme-black .head-container:hover .deco-pane {
background-color: rgba(0, 0, 0, .8) !important;
}
/* side bar */
.theme-white .sidebar__placeholder .deco-pane,
.theme-white .sidebar__placeholder .deco-pane-back,
.theme-white .sidebar__placeholder .deco-pane-secondary,
body .local-theme-white .sidebar__placeholder .deco-pane,
body .local-theme-white .sidebar__placeholder .deco-pane-back,
body .local-theme-white .sidebar__placeholder .deco-pane-secondary,
.theme-black .sidebar__placeholder .deco-pane,
.theme-black .sidebar__placeholder .deco-pane-back,
.theme-black .sidebar__placeholder .deco-pane-secondary,
body .local-theme-black .sidebar__placeholder .deco-pane,
body .local-theme-black .sidebar__placeholder .deco-pane-back,
body .local-theme-black .sidebar__placeholder .deco-pane-secondary {
background-color: rgba(255, 255, 255, 0);
}
.theme-white .sidebar__placeholder .deco-pane,
.theme-black .sidebar__placeholder .deco-pane,
body .sidebar__placeholder .deco-pane {
min-height: 100vh;
padding-bottom: 150px;
}
.theme-white .sidebar__placeholder .sidebar-track .deco-pane,
.theme-black .sidebar__placeholder .sidebar-track .deco-pane,
body .sidebar__placeholder .sidebar-track .deco-pane {
min-height: 0;
}
/* bar-below */
/** progress **/
.theme-black .deco-progress .progress__bg,
body .local-theme-black .deco-progress .progress__bg {
background-color: rgba(0, 0, 0, 0.2);
}
.theme-white .deco-progress .progress__bg,
body .local-theme-white .deco-progress .progress__bg {
background-color: rgba(255, 255, 255, .4);
}
.theme-black .deco-progress .progress__progress_muted .progress__line,
body .local-theme-black .deco-progress .progress__progress_muted .progress__line {
background-color: rgba(0, 0, 0, .75);
}
.theme-white .deco-progress .progress__progress_muted .progress__line,
body .local-theme-white .deco-progress .progress__progress_muted .progress__line {
background-color: rgba(255, 239, 156, .62);
}
.theme-black .deco-progress:hover .progress__progress_muted .progress__line,
body .local-theme-black .deco-progress:hover .progress__progress_muted .progress__line {
background-color: rgba(0, 0, 0, .75);
}
.theme-white .deco-progress:hover .progress__progress_muted .progress__line,
body .local-theme-white .deco-progress:hover .progress__progress_muted .progress__line {
background-color: rgba(255, 239, 156, .62);
}
/** other **/
.theme-white .deco-player-controls,
body .local-theme-white .deco-player-controls,
.theme-black .deco-player-controls,
body .local-theme-black .deco-player-controls {
background: none;
}
.theme-white .bar {
background-color: rgba(255, 255, 255, .95);
}
.theme-black .bar {
background-color: rgba(0, 0, 0, .8);
}
.theme-white .bar-below,
.theme-black .bar-below,
.bar-below .bar-below__auth {
background: none;
}
}