Skip to content

YaMusic Transparent: Zero (beta) by invent1veness

Screenshot of YaMusic Transparent: Zero (beta)

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

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

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;
    }
}

Reviews

No reviews yet.