Change Spotify green into purple
spotify purple by weiiling
Details
Authorweiiling
LicenseNo License
Categoryspotify
Created
Updated
Size4.5 kB
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 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;
}