𝑗𝑢𝑏𝑖𝑙𝑎𝑛𝑑

spotify code snippet

spotify with my snippet

music still works perfectly fine

'obliviate' font by createshaa

only works in browser version

make a new code snippet, and paste the following:

function addStyleString(str) {
    var node = document.createElement('style');
    node.innerHTML = str;
    document.body.appendChild(node);
}

if(window.location.host.includes('open.spotify.com')){
var link = document.querySelectorAll("link[rel*='icon']") || document.createElement('link');
for(var i = 0; i < link.length; ++i){
    link[i].type = 'image/x-icon';
    link[i].rel = 'icon';
    link[i].href = 'https://i.imgur.com/ZIa6WLa.png';
    document.getElementsByTagName('head')[0].appendChild(link[i])
    document.title = '𝑠𝑝𝑜𝑡𝑖𝑓𝑦'
}
	var c = `

@font-face {
font-family: 'obliviate';
font-weight: normal;
font-style: normal;
src: url('https://dl.dropbox.com/scl/fi/jyzirqfdzicn9kq2xh2qr/Obliviate-Regular.ttf?rlkey=tbd34ektr1xgnd5apcqudh16h&dl=0') format('opentype');
}

body {
    font-family: 'obliviate';
    background-color: #ffc6d3;
}

body, input {
background-color: #ffc6d3;
}

.fAJsTt {
font-family: 'obliviate';
text-transform: lowercase;
color: #af8f8b;
}

.Le0q6vXGEvilJEjOqgF9 {
    background-color: #fff0f4;
}

.control-button-heart[aria-checked=true], .control-button-heart[aria-checked=false] {
color: #ffc6d3;
}

.control-button-heart[aria-checked=true], .control-button-heart[aria-checked=false]:hover{
color: #ffc6d3;
}

.Vz6yjzttS0YlLcwrkoUR.tP0mccyU1WAa7I9PevC1 {
color: #ffc6d3;
}

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

.fn72ari9aEmKo4JcwteT, .mnipjT4SLDMgwiDCEnRC, .KVKoQ3u4JpKTvSSFtd6J, .Vz6yjzttS0YlLcwrkoUR {
 color: #ffc6d3;   
}

.vnCew8qzJq3cVGlYFXRI{
background-color: #ffc6d3;
color: #ffffff;
}

.DXJIVl0qgWOfcIK6Mc5Y {
    padding-top: 0px;
}

.TywOcKZEqNynWecCiATc {
    --bg-color: hsla(0,0%,100%,.3);
    --fg-color: #ffc6d3;
    --is-active-fg-color: #ffc6d3;
    }

.ZQftYELq0aOsg6tPbVbV {
background-color: #fff0f4;
}

a {
color: #af8f8b;
font-family: 'obliviate';
-moz-transition: all 0.3s ease-out; /* FF3.7+ */
-o-transition: all 0.3s ease-out; /* Opera 10.5 */
-webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
transition: all 0.3s ease-out;
}

a:hover{
color: #af8f8b;
font-family: 'obliviate';
text-decoration:none;
letter-spacing:1px;
-moz-transition: all 0.3s ease-out; /* FF3.7+ */
-o-transition: all 0.3s ease-out; /* Opera 10.5 */
-webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
transition: all 0.3s ease-out;;
}

.gpNta6i8q3KYJC6WBZQC a:link, .gpNta6i8q3KYJC6WBZQC a {
    color: #cbb0ad;
}

.gpNta6i8q3KYJC6WBZQC a:link, .gpNta6i8q3KYJC6WBZQC a:visited {
    color: #cbb0ad;
}

.EZFyDnuQnx5hw78phLqP {
background-color: #fff0f4;
}

.BdcvqBAid96FaHAmPYw_, .sqKERfoKl4KwrtHqcKOd, .MYLfS2gPUXjhrDhPCU7h {
background-color: #fff0f4;
}

.hIFR8WDm_54EEIa1gwpC, .fIvMht6B9HdROywMNJZ4:after {
background-color: #fff0f4!important;
}

.fIvMht6B9HdROywMNJZ4, .hIFR8WDm_54EEIa1gwpC, .cj6vRk3nFAi80HSVqX91 {
background-color: #fff0f4!important;
}

.Z35BWOA10YGn5uc9YgAp .Tzzq1pG_inwo_oSOdyjb {
    background-color: #ffe2e9;
    }

.gYdBJW {
color: #cbb0ad;
font-family: 'obliviate';
}

.DzWw3g4E_66wu9ktqn36 .home-active-icon, .DzWw3g4E_66wu9ktqn36 .search-active-icon, .UYeKN11KAw61rZoyjcgZ .home-icon, .UYeKN11KAw61rZoyjcgZ .search-icon {
   color: #ffc6d3; 
}

.khATCl {
color: #cbb0ad;
font-family: 'obliviate';
-moz-transition: all 0.3s ease-out; /* FF3.7+ */
-o-transition: all 0.3s ease-out; /* Opera 10.5 */
-webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
transition: all 0.3s ease-out;
}

.khATCl:hover{
color: #cbb0ad;
letter-spacing:1px;
-moz-transition: all 0.3s ease-out; /* FF3.7+ */
-o-transition: all 0.3s ease-out; /* Opera 10.5 */
-webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
transition: all 0.3s ease-out;;
}

.iyAEwU, .encore-text-body-small-bold, .i6jA7UnVNDJFGlAgtutp a, .bBldZtWu4QtzmrTfHOKm {
 color: #cbb0ad; 
 font-family: 'obliviate' !important;
}

.encore-internal-color-text-base, .encore-internal-color-text-subdued {
 font-family: 'obliviate' !important;
}

.YtdVH, .ellipsis-one-line, .standalone-ellipsis-one-line, .Z35BWOA10YGn5uc9YgAp .Tzzq1pG_inwo_oSOdyjb .EzRmGRncgnv1zFgF4dqE, .bFhcPb, .bGROfl, .ucB9avGYvzsmzXUOw0S7, 
.jjpOuK, .encore-text-body-medium, .encore-text-body-medium-bold {

font-family: 'obliviate' !important;
}

.bJSfgC button {
 font-family: 'obliviate' !important;
    background-color: #ffe2e9;
        transition: 0.5s all ease;
        border: none;
}

.bJSfgC button:hover {
    background-color: #ffc6d3;
        border: none;
}

.XTk61Y8OkBdUT6Wj4F6i {
background-color: #ffc6d3;
}

.XTk61Y8OkBdUT6Wj4F6i:hover, .NbcaczStd8vD2rHWwaKv{
background-color: #ffc6d3;
}

.emaScS, .LtcBzRcDxuIVYfjr7yt1 a {
    color: #cbb0ad;  
}

.ByDYHUfzUKVgFwT5bTxp:after, .atZHmMpyVJ8qoM6YbYdA {
    background-color: #ffc6d3;
}

.emaScS:hover{
    color: #af8f8b;  
    background: transparent;
}

.wCl7pMTEE68v1xuZeZiB {
    color: #ffc6d3;
}

.wCl7pMTEE68v1xuZeZiB:hover{
    color: #ffc6d3;
}

.QSgx{
    color: #ffc6d3;
}

.kmZeYl {
 background-color: #ffe2e9;
}

.kmZeYl:hover{
 background-color: #ffc6d3;
}

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

.OF_3F0SQCsBtL1jSTlTA:not([disabled]):focus {
    color: #ffc6d3;
}

.KVKoQ3u4JpKTvSSFtd6J.OF_3F0SQCsBtL1jSTlTA, .KVKoQ3u4JpKTvSSFtd6J {
    color: #ffc6d3;
}

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

.OF_3F0SQCsBtL1jSTlTA:not([disabled]):hover {
    color: #ffc6d3;
}

.KVKoQ3u4JpKTvSSFtd6J.OF_3F0SQCsBtL1jSTlTA {
    color: #ffc6d3;
}

.KAZD28usA1vPz5GVpm63.RK45o6dbvO1mb0wQtSwq, .KAZD28usA1vPz5GVpm63.RK45o6dbvO1mb0wQtSwq {
    color: #ffc6d3;
}

.KAZD28usA1vPz5GVpm63:hover, .RK45o6dbvO1mb0wQtSwq:hover, .KAZD28usA1vPz5GVpm63 :hover, .RK45o6dbvO1mb0wQtSwq:hover, .KAZD28usA1vPz5GVpm63.EHxL6K_6WWDlTCZP6x5w:after {
    color: #ffc6d3 !important;
}

.KAZD28usA1vPz5GVpm63.EHxL6K_6WWDlTCZP6x5w:after {
    background-color: #ffc6d3 !important;
}

.DMWoYmJsYdFjGQbeGH9Q:hover, .control-button:hover{
    color: #ffc6d3;
    transition: 0.5s all ease;
}

.DMWoYmJsYdFjGQbeGH9Q{
    transition: 0.5s all ease;
}

.tLjX9htIKD_OCmEX01UN div:first-child, .tLjX9htIKD_OCmEX01UN div:nth-child(2) {
    color: #af8f8b;
    font-family: 'obliviate' !important;
    }

.tLjX9htIKD_OCmEX01UN {
    background: #ffc6d3;
    color: #af8f8b;
    font-family: 'obliviate' !important;
    }

.KAZD28usA1vPz5GVpm63 {
color: #ffe2e9;
transition: 0.5s all ease;
}

.gfMYqC:hover, .kPcCrE:hover{
  color: #cbb0ad !important; 
  text-decoration: none !important;

}

.cAMMLk {
    fill: #af8f8b;
        transition: 0.5s all ease;
    }

.cAMMLk:hover {
    background-color: #ffc6d3;
    }

.gfMYqC, .encore-text-body-small {
    font-family: 'obliviate' !important;
    color: #cbb0ad; 
    }

.HcA9WjbLc4x02X8Ty0uO.lro6AjUrZFH6zxjmOGg0>* {
        color: #af8f8b !important;
        font-family: 'obliviate' !important;
    }

.cQHAqU p {
    color: #af8f8b; 
    font-family: 'obliviate' !important;
}
.cuLHaM {
    background-color: #fff0f4;
    font-family: 'obliviate' !important;
    }

.QSgx:hover{
    color: #ffc6d3;
}

.encore-dark-theme, .encore-dark-theme .encore-base-set {
    --background-base: #fff0f4;
    --background-highlight: #fff0f4;
    --background-press: #fff0f4;
    --background-elevated-base: #fff0f4;
    --background-elevated-highlight: #fff0f4;
    --background-elevated-press: #fff0f4;
    --background-tinted-base: #fff0f4;
    --background-tinted-highlight: #fff0f4;
    --background-tinted-press: #fff0f4;
    --background-unsafe-for-small-text-base: #fff0f4;
    --background-unsafe-for-small-text-highlight: #FFF0FC;
    --background-unsafe-for-small-text-press: #fff0f4;
    --text-base: #af8f8b;
    --text-bright-accent: #ffc6d3;
    --text-subdued: #cbb0ad;
    --essential-base: #ffc6d3;
    --background-base: #fff0f4;
    --edge-glow-color: #fff0f4;
    --background-noise: #fff0f4;
    }

.I3EivnXTjYMpSbPUiYEg {background-color:#fff0f4;}

.sb24Y8kdMZInJ8aI8dXT {background-color:#ffc6d3;}

.T1xI1RTSFU7Wu94UuvE6{background-color:var(--background-base);border-top-left-radius:8px;border-top-right-radius:8px;bottom:0;left:0;opacity:0%;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;}

.facDIsOQo9q7kiWc4jSg.coBkWVskipFo8KxLKief {background-color:#fff0f4;}

.uIJTvxFOg2izOY7aRRiU {background-color:#fff0f4;}

.VgSbatGBB9XwTH2_dsxg .ql0zZd7giPXSnPg75NR0:disabled{background-color:#ffc6d3;}

.w_TTPh4y9H1YD6UrTMHa a:link, .w_TTPh4y9H1YD6UrTMHa a:visited {
    color: #ffc6d3;
}

.facDIsOQo9q7kiWc4jSg, .LY1UBr8lzr6PSZ6vP8Yk{
    background-color: #fff0f4;
}

.LegacyChip__LegacyChipComponent-sc-tzfq94-0:not([href]) > .YtdVH.YtdVH {
    font-size: 0.875rem;
    background-color: #ffe2e9;
}

.Bh3b80dIrbc0keQ9kdso .home-active-icon, .Bh3b80dIrbc0keQ9kdso .search-active-icon {
    color:#ffc6d3;}

.hNvCMxbfz7HwgzLjt3IZ .home-icon, .hNvCMxbfz7HwgzLjt3IZ .search-icon {
    color: #cbb0ad;
}

.VgSbatGBB9XwTH2_dsxg .ql0zZd7giPXSnPg75NR0{background-color:#ffc6d3;}

.encore-dark-theme .encore-over-media-set {background-color:#ffc6d3;-moz-transition: all 0.3s ease-out; /* FF3.7+ */
-o-transition: all 0.3s ease-out; /* Opera 10.5 */
-webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
transition: all 0.3s ease-out;
--background-base: #ffc6d3;
}

.UudGCx16EmBkuFPllvss a:hover, ._TH6YAXEzJtzSxhkGSqu a:hover {
    color: #ffc6d3 !important;
    text-decoration: none;
}

.IjYxRc5luMiDPhKhZVUH:focus-within:not(.tH1iuxCV8NexP4pzEBa4) .ObVor_8sQq5whKbtWs8a, .IjYxRc5luMiDPhKhZVUH:focus-within:not(.tH1iuxCV8NexP4pzEBa4) .PAqIqZXvse_3h6sDVxU0, .IjYxRc5luMiDPhKhZVUH:focus-within:not(.tH1iuxCV8NexP4pzEBa4) .UudGCx16EmBkuFPllvss a, .IjYxRc5luMiDPhKhZVUH:focus-within:not(.tH1iuxCV8NexP4pzEBa4) .W676nknusnBt8sz19YVV, .IjYxRc5luMiDPhKhZVUH:focus-within:not(.tH1iuxCV8NexP4pzEBa4) ._TH6YAXEzJtzSxhkGSqu, .IjYxRc5luMiDPhKhZVUH:focus-within:not(.tH1iuxCV8NexP4pzEBa4) ._TH6YAXEzJtzSxhkGSqu a, .IjYxRc5luMiDPhKhZVUH:hover:not(.tH1iuxCV8NexP4pzEBa4) .ObVor_8sQq5whKbtWs8a, .IjYxRc5luMiDPhKhZVUH:hover:not(.tH1iuxCV8NexP4pzEBa4) .PAqIqZXvse_3h6sDVxU0, .IjYxRc5luMiDPhKhZVUH:hover:not(.tH1iuxCV8NexP4pzEBa4) .UudGCx16EmBkuFPllvss a, .IjYxRc5luMiDPhKhZVUH:hover:not(.tH1iuxCV8NexP4pzEBa4) .W676nknusnBt8sz19YVV, .IjYxRc5luMiDPhKhZVUH:hover:not(.tH1iuxCV8NexP4pzEBa4) ._TH6YAXEzJtzSxhkGSqu, .IjYxRc5luMiDPhKhZVUH:hover:not(.tH1iuxCV8NexP4pzEBa4) ._TH6YAXEzJtzSxhkGSqu a {
    color: #ffc6d3;
}

.encore-dark-theme .encore-over-media-set:hover{background-color:#ffc6d3; --background-press: #ffc6d3;}

.Z35BWOA10YGn5uc9YgAp{background-color:#fff0f4; box-shadow:none !important; color:#fff0f4;}

.ksSRyh, .duYgEj, .cZUJSD, .kqHgh, .lmgIvZ, .cSKNWp {
     font-family: 'obliviate' !important;
}

.ieTwfQ {
     font-family: 'obliviate';
     color:#af8f8b;
}

.xYgjMpAjE5XT05aRIezb {
    background: #fff0f4;
}

.encore-dark-theme .encore-bright-accent-set {
    --background-base: #ffc6d3;
    --background-highlight: #ffc6d3;
    --background-press: #ffc6d3;
    --text-base: #af8f8b;
}

.bfQ2S9bMXr_kJjqEfcwA a, .rq2VQ5mb9SDAFWbBIUIn a{
    color: #cbb0ad;
    text-decoration:none;
    }

.bfQ2S9bMXr_kJjqEfcwA a, .rq2VQ5mb9SDAFWbBIUIn a:hover{
    color: #cbb0ad !important;
    text-decoration:none;
    }

.LunqxlFIupJw_Dkx6mNx {background-color:#fff0f4;}

.LunqxlFIupJw_Dkx6mNx:hover {background-color:#fff0f4;}

.gxNUVX {
    fill: #ffc6d3;
    }

.kpGMQq1KFz620g_BD_dS{
    color: #af8f8b;
    background-color:#ffc6d3;
    }

span.Ydwa1P5GkCggtLlSvphs {
    font-size: 1rem;
    line-height: 2;
    margin-top: 4px;
    color: #af8f8b;
}

[dir=ltr] .eSg4ntPU2KQLfpLGXAww>:not(:last-child){
    font-family: 'obliviate' !important;
}

.CoLO4pdSl8LGWyVZA00t {
    background: linear-gradient(rgb(255,240,244) 0,var(--background-base) 100%),var(--background-noise)
}

.Z35BWOA10YGn5uc9YgAp:focus-within,.Z35BWOA10YGn5uc9YgAp:hover,.Z35BWOA10YGn5uc9YgAp[data-context-menu-open=true]{background:#fff0f4!important; box-shadow:none !important;}

.spotifyinternal-artistnpv{
    font-family: 'obliviate' !important;
    color: #af8f8b;
}

.spotifyinternal-artistnpv *{
    font-family: 'obliviate' !important;
    color: #af8f8b;
}

.poz9gZKE7xqFwgk231J4 {
    color: #cbb0ad;
}

._EShSNaBK1wUIaZQFJJQ {
    box-shadow:none;
}

.hIehTT{
        background: transparent;
        font-family: 'obliviate' !important;
}

.encore-dark-theme .encore-inverted-light-set {
    --background-base: #ffc6d3;
    --text-base: #af8f8b;
    --background-highlight: #ffc6d3;
        font-family: 'obliviate' !important;
}

.no-focus-outline, .spotify__os--is-windows, .spotify__container--is-web{
        background-color: #fff0f4!important;
}

.Chip__ChipComponent-sc-ry3uox-0:not([href]) > .fpQCYD.fpQCYD {font-family: 'obliviate' !important;}

.hzReZj {border:#ffc6d3 dashed; text-transform: lowercase;}

.hzReZj:hover{border:#ffc6d3 dashed; text-transform: lowercase;}

.QO9loc33XC50mMRUCIvf {background-color:#ffc6d3; color: #cbb0ad !important;}

.QO9loc33XC50mMRUCIvf:hover{background-color:#ffc6d3; color: #cbb0ad !important;}

.QO9loc33XC50mMRUCIvf:focus{background-color:#ffc6d3; color: #af8f8b !important;}

::-webkit-scrollbar {
width: 6px!important;
height: 10px!important;
background: transparent!important;
}
::-webkit-scrollbar-thumb {
background-color: #ffeff3!important;
-webkit-border-radius: 5ex!important;
border: 1px solid #e3cccc!important;
}
 ::selection {text-shadow: 0 0 2px #cec1bb;color:#cec1bb; background: transparent;}
 ::-moz-selection {text-shadow: 0 0 2px #cec1bb;color:#cec1bb}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #e3cccc inset!important;-webkit-animation-name: autofill;-webkit-animation-fill-mode: both;border-color: #9F918E !important;}
@-webkit-keyframes autofill {to {color: #e3cccc;border-color: #9F918E !important;}}
    
    
    
    `;
    addStyleString(c);
}

copy text