makes the cover image in spotify fullscreen bigger
Spotify fullscreen bigger cover by olebeck

Details
Authorolebeck
LicenseNo License
Categoryspotify
Created
Updated
Code size1.4 kB
Code checksum3dcaae3b
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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;
}
}