Spotify Catppuccin by ftakilir

/* ==UserStyle==
@name           Spotify Catppuccin
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         ftakilir
==/UserStyle== */

@-moz-document url-prefix("https://open.spotify.com/") {
     /*bg */
    .encore-dark-theme, .encore-dark-theme .encore-base-set {
        --background-base: hsl(240, 23%, 10%);
        --background-highlight: #11111B;
        --text-base: #cdd6f4;
        --text-subdued: #CDD6F4B3;
        --text-bright-accent: #1ED78B;
        --background-elevated-base: #1E1E2E;
    }
    /*bg & player */
    .ZQftYELq0aOsg6tPbVbV, .sqKERfoKl4KwrtHqcKOd, .lYpiKR_qEjl1jGGyEvsA, .wp7mZFPzV7Qmo51F0NA_ {
        background-color: hsl(240, 22%, 7%);

    }
    /*cards*/
    .LunqxlFIupJw_Dkx6mNx, .LunqxlFIupJw_Dkx6mNx:hover  {
        background: #171723;
    }
    /*most listened card*/
    .mXNT9H2GU7lDW4cGx0q1, .mXNT9H2GU7lDW4cGx0q1:hover {
        background: hsl(240, 23%, 13%);
    }
    /* profile header*/
    div[style*="background-color: rgb(56, 48, 48)"] {
        background-color: #1E1E2E !important;
    }
    .NbcaczStd8vD2rHWwaKv {
    background-color: #1E1E2E;
    }
    .mWj8N7D_OlsbDgtQx5GW[role=menuitemradio][aria-checked=true] {
    color: #1ED78B;
    }
    /*footer*/
    .cuLHaM {
        background-color: #11111B;
    }
    /*singer profile*/
    .Ai_McRq9wJEYK21w8nX_ {
        background-color: #1E1E2E;
    }
    .HkbHLcqgUfXruL5xVi28, .HkbHLcqgUfXruL5xVi28:hover {
        background-color: #1E1E2E;
    }
    .ejNsts52hRq0uZcc_NXi {
        background-color: #11111B;
    }
    .bk509U3ZhZc9YBJAmoPB {
    --generic-tooltip-background-color: #161621;
    }
    .hcuLp8V4uEEfWZ4k6aLV {
    background-color: #101018;
    }
    .qucSNjx66ofSGZDzCuEk a {
        color: #CDD6F4B3;
    }
    .jAQtcm {
    background-color: rgb(20, 20, 31);
    }
    
    .PiyAiXdQULEnWAHP0tu1 {
    background-color: #14141F;
    }
    .c0CddR8wF7kDxvU6uM8B {
    background: hsla(240, 23%, 11%);
    }
    /*search*/
    .b7r2WRiu5f9Q99qmyreh .CVuGEUIxLkNKpMds8AFS,
    .b7r2WRiu5f9Q99qmyreh .CVuGEUIxLkNKpMds8AFS:hover,
    .b7r2WRiu5f9Q99qmyreh .CVuGEUIxLkNKpMds8AFS:focus {
    background: #181825;
    }
}