Skip to content

Spotify fullscreen bigger cover by olebeck

Screenshot of Spotify fullscreen bigger cover

Details

Authorolebeck

LicenseNo License

Categoryspotify

Created

Updated

Size1.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

makes the cover image in spotify fullscreen bigger

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Spotify fullscreen bigger cover
@version      20220303.20.27
@namespace    userstyles.world/user/olebeck
@description  makes the cover image in spotify fullscreen bigger
@author       olebeck
@license      No License
==/UserStyle== */

@-moz-document domain("open.spotify.com") {
/**/
:root {
    --blur: 20px;
}


/* make cover art big and move to center */
.npv-cover-art {
    width: 60vmin !important;
    height: 60vmin !important;
    
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    
    filter: drop-shadow(0px 0px 6vmin rgb(0,0,0,0.12));
}

/* move track info further into the corner*/
.npv-track {
    left: 5vmin !important;
    bottom: 5vmin !important;
    right: initial !important;
}

.spotifyinternal-artistnpv .npv-what-is-playing .npv-track {
    transform: initial;
}

/* blur the background */
.npv-background-image {
    position: absolute;
    left: calc(var(--blur) * -2) !important;
    top: calc(var(--blur) * -2) !important;
    
    width: calc(100vw + calc(var(--blur) * 4));
    height: calc(100vh + calc(var(--blur) * 4));
    
    filter: blur(var(--blur));
}

/* align header with the track info */
.npv-header {
    left: 5vmin;
    top: 5vmin;
    padding: 0 !important;
    margin: 0 !important
}

.npv-up-next {
    right: 5vmin;
    top: 5vmin;
}

}

Reviews

No reviews yet.