Можно использовать с другими темами.
Внимание: используйте блокировщики рекламы, такие как uBlock Origin.
Better with AdBlockers and other themes.
YaMusic Transparent: Night Town (beta) by invent1veness
Details
Authorinvent1veness
LicenseCode under CC Zero, image under Unsplash License
Categorymusic.yandex.ru
Created
Updated
Code size733 kB
Code checksum8eb00e83
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name YaMusic Transparent: Night Town (beta)
@namespace userstyles.world/user/invent1veness
@version 0.1.10
@description Rough draft. Better with AdBlockers
@author github.com/invent1veness
@license Code under CC Zero, image under Unsplash License
==/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;
}
body {
background-size: cover;
background-attachment: fixed;
/* Image under Unsplash License (https://unsplash.com/license) */
/* https://unsplash.com/photos/cars-on-road-during-night-time-HU5s6XWnQ_8 */
background-image: url("data:image/jpeg;base64,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...