Skip to content

Spotify Catppuccin by ftakilir

Screenshot of Spotify Catppuccin

Details

Authorftakilir

LicenseNo License

Categoryhttps://open.spotify.com/

Created

Updated

Size1.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Catppuccin Mocha theme for Spotify. Includes color change only.

Notes

Userstyle doesn't have notes.

Source code

/* ==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 {
        background-color: hsl(240, 22%, 6%);
    }
    /*cards*/
    .LunqxlFIupJw_Dkx6mNx, .LunqxlFIupJw_Dkx6mNx:hover  {
        background: #171723;
    }
    /* 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;
    }
    /*search*/
    .NtkAQg9R1r5CjuP0XHwl, .NtkAQg9R1r5CjuP0XHwl:hover {
    background-color: #181825;
    }
    


}

Reviews

No reviews yet.