Variants that automatically switch between latte and the dark variants

[TamasBarta]

The CSS could use media queries to determine if it should apply the light or the dark colours. I achieved it once with another theme, but I was just copy pasting from another site.

I'd very much prefer such a variant, because now I'm manually switching all the time between latte and mocha, and Spotify is basically a web app, so it can have such a theme.

[aidan-gibson]

This bandaid for your shell config helps. I don't want it to automatically run when macOS changes colors because it would stop music currently playing (as spotify reboots). There is definitely a way to live-update themes without restarting (https://github.com/FlafyDev/spotify-css-editor) but no extension currently exists (that I could find).

light="catppuccin-latte"
dark="catppuccin-mocha"

alias spotl="spicetify config current_theme ${light} && spicetify config extensions ${dark}.js- && spicetify config extensions ${light}.js &&spicetify apply enable-devtools"
alias spotd="spicetify config current_theme ${dark} && spicetify config extensions ${light}.js- && spicetify config extensions ${dark}.js &&spicetify apply enable-devtools"

spot(){
    current_theme=$(spicetify config current_theme)
    if [[ "$current_theme" == "$dark" ]]; then
        spotl
    else
        spotd
    fi
}

[ohitstom]

I'll look into implementing this soon now that we have a settings menu, would be pretty simple! notes:

• toggle button "Enable system dynamic theming"
• dropdown box (once toggled=true) "Select dark mode variant"
• remote fetch color.ini as its not accessible from the file system
• overwrite color vars using head/