Customize Spotify with Spicetify

This writing sample was an assignment for my study at the University of Washgington (2022-2023), it includes an installation guide of Spicetify (macOS) and how to customize Spotify themes with Spicetify. It was created based on Spicetify's original doc.
If you have any questions regarding this documentation, please contact me via email.

* Last update: December 4, 2022.


Install Spicetify and Spicetify Marketplace

There are two ways for you to install Spicetify and Spicetify Marketplace.

The Spicetify team recommends macOS users install Spicetify with Homebrew as you may see the command not found: Spicetify error after install it from the shell. Usually, this error means Spicetify was not installed correctly. For more information on this, view the issue command not found #1108 on GitHub.

Install Spicetify from the Shell

To install Spicetify and Spicetify Marketplace, run the script below in your Terminal. Spotify Marketplace is where you can download the existing themes, extensions, and custom apps and apply them to your Spotify client.

curl -fsSL https://raw.githubusercontent.com/spicetify/spicetify-cli/master/install.sh | sh
curl -fsSL https://raw.githubusercontent.com/spicetify/spicetify-marketplace/main/resources/install.sh | sh

Install Spicetify with Homebrew

For macOS users, installing Spicetify with Homebrew is the recommended way. However, you need to install Spotify Marketplace manually.

Install Homebrew

If you do not have Homebrew on your machine, follow the steps below to install it:

  1. Install the command line tools for Xcode. Skip this if you already have Xcode.
    Run the script below in your macOS Terminal. Alternatively, you can Install Xcode from Mac AppStore if you prefer.

    xcode-select --install

  2. Install Homebrew.
    Run the script below in your Terminal.

    /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

    See Installation - Homebrew for other installation options.

    Note: For users based in China, if you are having issues installing Homebrew by following the above instructions, try the steps listed in this post (in Chinese) on Zhihu.

If you have Homebrew, follow the steps below to install Spicetify and Spicetify Marketplace.

Install Spicetify

Run the script below in your Terminal to install Spicetify.

brew install khanhas/tap/spicetify-cli

Install Spicetify Marketplace

  1. Download the latest release from GitHub. The asset’s name is ‘spicetify-marketplace.zip’.

  2. Extract the zip file, and you will get the resulting folder ‘spicetify-marketplace-dist’.

  3. Move the resulting folder to your Spicetify CustomApps folder and rename it as ‘marketplace’. The path for the Spicetify CustomApps folder is

    ~/.config/spicetify/CustomApps/ or $SPICETIFY_CONFIG/CustomApps/

    Note: If you having issues finding the Spicetify CustomApps folder, try the steps below:

    1. Run the below command to go to the Spicetify Config directory.

      spicetify config-dir

    2. In the Config directory, open the folder CustomApps.

  4. Apply one theme first to ensure the Marketplace can install themes correctly. To do so, follow the steps below:

    1. Go to the ‘Themes’ folder in the Spicetify Config directory. In the ‘Themes’ directory, create a new folder and name it as ‘marketplace’.

    2. Download the color scheme file and save it in the ‘marketplace’ folder.

    3. Run the below commands in your Terminal to apply the ‘martketplace’ theme.

      spicetify config inject_css 1
      spicetify config replace_colors 1
      spicetify config current_theme marketplace

    Note: You can also manually edit the color scheme file and change the current theme using the command spicetify config current_theme marketplace. See details in Change themes manually.

  5. After you put the ‘marketplace’ folder in the CustomApps directory and applied one theme, run the below command to enable Spicetify Marketplace:

    spicetify config custom_apps marketplace
    spicetify apply

    You will see Marketplace appear in the left-hand sidebar in Spotify Client. Below is an example:

After you install Spicetify, run spicetify upgrade in the Terminal to ensure your Spicetify is the latest version. To access the complete Spicetify command list, run spicetify -h.


Change Spotify Themes

This section contains information on how to change your Spotify themes with Spicetify. If you have not installed Spicetify, read Install Spicetify and Spicetify Marketplace first.

You can change your Spotify theme with Spicetify Marketplace. Alternatively, you can download the themes from the Spiceity Theme repository on GitHub and apply it to your Spotify client with the command line.

  1. Enable the Themes tab in the Spicetify Marketplace.
  2. Download the theme and apply it to your Spotify client.
  3. Restart Spotify.

Note: You may experience delays when you try to access the content in the Themes tab. If you are having issues changing your themes within Spotify with Marketplace, try the below alternative way.

Use the themes in the Spicetify Theme repository on GitHub

Before you start, run the below command line to backup your Spotify client.

spicetify backup

Download the themes from the spicetify-themes repository on GitHub.

  1. Visit https://github.com/spicetify/spicetify-themes
  2. Click Codes (green button)
  3. In the dropdown menu, click Download ZIP
  4. Extract the zip file.
  5. Move the resulting folder to the Themes folder under the Spicetify Config directory.

See other download options on Spicecity Community Themes.

After you download the themes, you can change your themes with the command line. Alternatively, you can change the config-xpui.ini file manually, then run the command to change your Spotify theme.

Change the themes with the command line

  1. Run the below command to change your theme. Replace THEME_NAME with the desired theme’s name. For example, to change the theme to ‘Flow’, run spicetify config current_theme Flow

    spicetify config current_theme THEME_NAME

  2. If the theme you want to use has multiple color schemes, run the below command to switch your theme between different colors. Replace SCHEME_NAME with the desired color.
    For example, if you are using the theme ‘Flow’, you can change the theme color to ‘violet’ with spicetify config color_scheme violet

    spicetify config color_scheme SCHEME_NAME

  3. Run the below command to apply the theme to your Spotify client.

    spicetify apply

Change themes manually

Instead of changing the value of current_theme and color_scheme , and then change the themes with the command line, you can do the same by editing the config-xpui.ini file by following the steps below:

  1. Run spicetify config-dir to go to the Spicetify Config directory.
  2. Open the config-xpui.ini file with the TextEdit application on your Mac. Alternatively, you can open the file with Visual Studio Code or any other editors if you have them installed.
  3. Change the value of current_theme and color_scheme.
  4. Save the config-xpui.ini file.
  5. Run spicetify apply in your Terminal to apply the theme.

Create themes - Basics

This section contains basic information on how to create your own theme. Since this process requires lots of effort and every person has their desired themes to design, we are not able to cover everything in this section. We recommend you use the existing themes first. But if you have experience with CSS and would like to take on the challenges, do the below first before you start your journey.

  1. Create a new folder under the Spicetify Themes directory.
  2. Name the folder as the theme’s name. Add the below four files to this folder.
  3. Edit the color.ini and user.css files to create your own themes.

  4. Enable the Spotify Developer Tool

    During the development process, you can access the Spotify developer tools to understand more about Spotify’s structure.

    1. Run the below command to enable the Spotify developer tool.
    2. spicetify enable-devtools

    3. Open the developer tool with command+shift+I.

    Alternatively, click Develop in the menu bar and click Developer tool in the dropdown menu.


Troubleshooting

Spotify client shows blank after applying the theme

If your Spotify shows blank screen after you run spicetify apply, try the below solution first.

  1. Run spicetify config-dir to go to the Spicetify Config directory.
  2. Open the config-xpui.ini file.
  3. Manually change the value of home_config to 0

If the above does not help, try the below alternative way.

  1. Reinstall Spotify.
  2. Run spicetify backup apply.

If none of the above helps, report an issue to the Spicetify team and include the below information.

  • Your Spotify version
  • Your Spicetify version
  • Detailed steps to reproduce your issue
  • Expected result
  • Actual result
  • A screenshot of your issue
  • A screenshot of the Spotify Developer Tools console. To access the console, follow the steps listed here.

More Information

For more information, please visit Spicetify Docs.