🌌ify by OminousDesign

/* ==UserStyle==
@name           open.spotify.com - Jun 2024
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Omi
==/UserStyle== */
@-moz-document domain("open.spotify.com") {}


.encore-dark-theme,
.encore-dark-theme .encore-base-set {
    --text-bright-accent: #7c6ddd;
    --is-active-fg-color: #6603fc;
    --background-base: #09051c;
    --background-highlight: #c2b8ff6b;
    --background-elevated-base: #0f073061;
}
.encore-dark-theme .encore-bright-accent-set {
    --background-base: #c2b8ff !important;
    --background-highlight: #6603fc;
}
.TywOcKZEqNynWecCiATc {
    --is-active-fg-color: #7c6ddd;
}

.KAZD28usA1vPz5GVpm63.RK45o6dbvO1mb0wQtSwq {
    color: var(--text-bright-accent);
}

.KAZD28usA1vPz5GVpm63.RK45o6dbvO1mb0wQtSwq:hover {
    color: #6603fc;
}

.KVKoQ3u4JpKTvSSFtd6J.OF_3F0SQCsBtL1jSTlTA:after,
.Button-sc-1dqy6lx-0 {
    color: #c2b8ff;
}

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

.KVKoQ3u4JpKTvSSFtd6J.OF_3F0SQCsBtL1jSTlTA:hover,
.Button-sc-1dqy6lx-0:hover {
    color: #ede1ff !important;
}


.gacXSA:hover {
    color: #6603fc !important;
}

.vnCew8qzJq3cVGlYFXRI:hover {
    background-color: var(--is-active-fg-color);
}

.XTk61Y8OkBdUT6Wj4F6i.VfDGbMWaJe9rcefizTNk {
    background-color: #13101fba!important;
}

.kVKSMm {
    visibility: hidden;
}

.kVKSMm::after {
    visibility: visible;
    content: "made with 💜 by omi";
}

.udArIAqnfUQPQew2VAns {
    background: linear-gradient(90deg, rgba(9, 5, 28, .6) 0%, rgba(102, 3, 252, 0.23030462184873945) 61%, rgba(194, 184, 255, 0.23030462184873945) 100%);
    border-radius: 8px 24px;
    padding-right: 10px;
}

.yglmI5m3fCc8baD1Kwdw {
    background-color: transparent;
}


.vnCew8qzJq3cVGlYFXRI {
    color: #fffc;
    background: linear-gradient(90deg, rgba(102, 3, 252, .64) 22%, rgba(194, 184, 255, .78) 120%);
}

.vnCew8qzJq3cVGlYFXRI:hover {
    color: #fff;
}

.os-scrollbar .os-scrollbar-handle {
    border-radius: 32px 48px;
    background: var(--text-bright-accent);
}

.ZQftYELq0aOsg6tPbVbV {
    background: var(--background-base);
}

.encore-layout-themes {
    --encore-corner-radius-larger: 24px 8px;
}

.fqjnfn {
    border-radius: 56px 2px !important;
}

.encore-dark-theme .encore-bright-accent-set:hover {
    --text-base: #fff;
}

.KAZD28usA1vPz5GVpm63.EHxL6K_6WWDlTCZP6x5w:after {
    background-color: #ede1ff;
}

.WtC1lGbmQRplD6JBhNFU {
    background-color: rgba(29, 1, 71, .7);
}

.VgSbatGBB9XwTH2_dsxg .ql0zZd7giPXSnPg75NR0 {
    background-color: rgba(29, 1, 71, .7);
}

.KVKoQ3u4JpKTvSSFtd6J.OF_3F0SQCsBtL1jSTlTA,
.Button-sc-1dqy6lx-0:after {
    color: #c2b8ff;
}

.ouEZqTcvcvMfvezimm_J {
    background: #110936;
}

.FqmFsMhuF4D0s35Z62Js {
    filter: blur(0.2px);
}