Skip to content

spotify purple by weiiling

Screenshot of spotify purple

Details

Authorweiiling

LicenseNo License

Categoryspotify

Created

Updated

Size4.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Change Spotify green into purple

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           spotify purple
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    change spotify green into purple
@author         weiiling
==/UserStyle== */

@-moz-document url-prefix("https://open.spotify.com") {
    /* Insérer le code ici... */
}


/*---color--link--base--*/

.encore-dark-theme, .encore-dark-theme .encore-base-set{
    --background-base: #121212;
    --background-highlight: #1a1a1a;
    --background-press: #000;
    --background-elevated-base: #242424;
    --background-elevated-highlight: #2a2a2a;
    --background-elevated-press: #000;
    --background-tinted-base: hsla(0,0%,100%,.07);
    --background-tinted-highlight: hsla(0,0%,100%,.1);
    --background-tinted-press: hsla(0,0%,100%,.04);
    --text-base: #fff;
    --text-subdued: #a7a7a7;
    --text-bright-accent: #e582e1;
    --text-negative: #f15e6c;
    --text-warning: #ffa42b;
    --text-positive: #1ed760;
    --text-announcement: #3d91f4;
    --essential-base: #fff;
    --essential-subdued: #727272;
    --essential-bright-accent: #1ed760;
    --essential-negative: #e91429;
    --essential-warning: #ffa42b;
    --essential-positive: #1ed760;
    --essential-announcement: #0d72ea;
    --decorative-base: #fff;
    --decorative-subdued: #292929;
}



.encore-dark-theme .encore-bright-accent-set{
    --background-base: #e582e1;
    --background-highlight: #e582e1;
    --background-press: #c58cc3;
    --background-elevated-base: #e582e1;
    --background-elevated-highlight: #e582e1;
    --background-elevated-press: #c58cc3;
    --background-tinted-base: #e582e1;
    --background-tinted-highlight: #e582e1;
    --background-tinted-press: #e582e1;
    --text-base: #000;
    --text-subdued: #000;
    --text-negative: #000;
    --text-warning: #000;
    --text-positive: #000;
    --text-announcement: #000;
    --essential-base: #000;
    --essential-subdued: #000;
    --essential-bright-accent: #000;
    --essential-negative: #000;
    --essential-warning: #000;
    --essential-positive: #000;
    --essential-announcement: #000;
    --decorative-base: #000;
    --decorative-subdued: #e582e1;
}

.encore-dark-theme .encore-bright-accent-set>*{
    --parents-essential-base: #000;
}


/*-----song-play---color---name--*/

.IjYxRc5luMiDPhKhZVUH.ZgAJecvDDVREPXktThbA .btE2c3IKaOXZ4VNAb8WQ, .IjYxRc5luMiDPhKhZVUH.ZgAJecvDDVREPXktThbA .ucB9avGYvzsmzXUOw0S7{
    color: #e582e1;
}

.IjYxRc5luMiDPhKhZVUH.ZgAJecvDDVREPXktThbA .btE2c3IKaOXZ4VNAb8WQ, 
.IjYxRc5luMiDPhKhZVUH.ZgAJecvDDVREPXktThbA .ucB9avGYvzsmzXUOw0S7{
    color: #e582e1;
}


/*----left---side--playlist---*/

.BdcvqBAid96FaHAmPYw_{
    background-color: #000;
}


.gGuJmw{
    color: var(--text-base, #000000);
    background-color: var(--background-tinted-base, rgba(0, 0, 0, 0.08));
}

.gxqnZt{
    color: var(--text-bright-accent, #117a37);
}

.gacXSA{
    fill: var(--text-bright-accent, #117a37);
}


/*---play-space----*/

/*---random---play---song---*/

/*---inactive---*/

.KVKoQ3u4JpKTvSSFtd6J{
    color: hsla(0, 0%, 100%, .7);
}
/*---inactive---*/

.KVKoQ3u4JpKTvSSFtd6J.OF_3F0SQCsBtL1jSTlTA:not([disabled]):focus, 
.KVKoQ3u4JpKTvSSFtd6J.OF_3F0SQCsBtL1jSTlTA:not([disabled]):hover{
    color: #e582e1;
}

.KVKoQ3u4JpKTvSSFtd6J.OF_3F0SQCsBtL1jSTlTA{
    color: #e582e1;
}

.KVKoQ3u4JpKTvSSFtd6J:focus, .KVKoQ3u4JpKTvSSFtd6J:hover{
    color: #e582e1;
}

/*---replay--back--*/

/*---inactive---*/
.fn72ari9aEmKo4JcwteT{
    color: hsla(0, 0%, 100%, .7);
}
/*---inactive---*/

/*---play--pause--*/

.vnCew8qzJq3cVGlYFXRI{
    background-color: #e582e1;
}


/*--play--same--song--*/

.Vz6yjzttS0YlLcwrkoUR.tP0mccyU1WAa7I9PevC1{
    color: #e582e1;
}

.Vz6yjzttS0YlLcwrkoUR.tP0mccyU1WAa7I9PevC1:not([disabled]):focus:not(:focus-visible,:hover){
    color: #e582e1;
}

.Vz6yjzttS0YlLcwrkoUR:focus, .Vz6yjzttS0YlLcwrkoUR:hover{
    color: #e582e1;
}

.Vz6yjzttS0YlLcwrkoUR.tP0mccyU1WAa7I9PevC1:not([disabled]):focus, .Vz6yjzttS0YlLcwrkoUR.tP0mccyU1WAa7I9PevC1:not([disabled]):hover{
    color: #e582e1;
}


/*---progress--bar--*/

/*---background---*/
.NoOAOv6U6vtqj_ybS1Cd{
    background-color:hsla(0,0%,100%,.3);
}
/*---background---*/


.epWhU7hHGktzlO_dop6z{
    background-color:#e582e1;
}

.DFtdzavKSbEhwKYkPTa6 .DuvrswZugGajIFNXObAr .epWhU7hHGktzlO_dop6z, .DFtdzavKSbEhwKYkPTa6 .TywOcKZEqNynWecCiATc:focus .epWhU7hHGktzlO_dop6z, .DFtdzavKSbEhwKYkPTa6 .TywOcKZEqNynWecCiATc:hover .epWhU7hHGktzlO_dop6z, .DFtdzavKSbEhwKYkPTa6:focus-within .epWhU7hHGktzlO_dop6z{
    background-color:#fcabf8;
}

Reviews

No reviews yet.