How to customize Spotify with Spicetify-cli themes

[Karlston]

How to customize Spotify with Spicetify-cli themes

Spotify is one of the most popular music streaming services. If you use the desktop app on Windows, Linux or macOS, but dislike how it looks, you may be interested in customizing the client's apperance.-

 

To do this, you need the free Spicetify-cli tool. It is an open source project that lets you change the looks of the official client quite a bit.

 

 

Spicetify-cli is the replacement of the now deprecated spicetify. The latter was a Rainmeter skin which was used for customizing the Spotify client; the former is a command-line tool.

How to install Spicetify-cli

Step 1: Download

 

Download the latest release from the official GitHub page and extract it to the C:\Users\username\spicetify-cli folder.

 

OR

 

Open Powershell and run the following command (to download and install it)

Invoke-WebRequest "https://raw.githubusercontent.com/khanhas/spicetify-cli/master/install.ps1" | Invoke-Expression

 

Step 2: running the tool

 

You can now open Spicetify-cli from CMD or Powershell. Do it once by typing the command:

spicetify

This will generate a config.INI file in a folder called .spicetify (in the user folder).

 

Step 3: backup the defaults

 

Backup the default settings and apply the default theme of Spicetify with the following command.

spicetify backup apply enable-devtool

Wait for it to finish and Spotify will restart with a light theme applied. This is the default Spicetify theme (It does have one bug the top right corner is still dark).

 

 

To restore Spotify's original theme use the restore command.

spicetify restore

How to customize Spotify with Spicetify-cli themes

Every theme used by the program uses the colour.ini file to configure the colours and the user.CSS to inject additional options. Confused? Don't worry. For starters, let's use some community created themes. Here are some great looking themes for Spicetify-cli.  Let's install one of those as you don't need to know a bit about CSS or editing ini files to use these.

1. Download the theme of your choice, like the WintergatanBlueprint Theme. Click on it's colour.ini. You will see some lines of text. Create a new document using Notepad in a new folder inside C:\Users\USERNAME\.spicetify\.
2. Copy the text of the colour.ini from the theme's page into the document and hit save.
3. Similarly, create a User.CSS file with the theme's settings.

Now, we need to activate the theme. To do this, open a command window and type the command:

spicetify config current_theme = WintergatanBlueprint

Run the command: spicetify apply and wait for it to apply the new settings. Spotify will restart with the new theme.

 

 

You can edit the values manually to create your own themes easily.

How to customize elements in the Spotify UI with Spicetify-cli

Spicetify isn't just about changing the colours of Spotify's interface; you can modify the elements of the UI too. This is done by modding the Config.ini which is in the root of the .spicetify folder. Edits that you make here are universal across themes. Refer to the screenshot below to see what the default settings look like.

 

 

Tip: You can run the command "spicetify --help config" to view an explanation of every setting in the Config file.

 

There are 2 ways to edit these: The easy way is to just edit the config.ini in Notepad and running the spicetify apply command.

 

If you want to use the commandline method, the syntax is: spicetify config ELEMENT VALUE.  Where Element is the name of the interface's element that you wish to modify, and value is a number (-1 or 0 or 1).  For example, say you want to disable the Home section. Run the following commands one at a time

spicetify config home -1

spicetify apply

 

Note: Some of these don't seem to work, like the search_in_sidebar. It seems to be hardcoded to the top of the GUI.

Extensions

Spicetify-cli comes with a few extensions that you can enable including Auto Skip Videos, Keyboard Shortcut, Shuffle+ and more. You'll need to enable them from the config.ini. The filenames are as follows: autoSkipExplicit.js, djMode.js, keyboardShortcut.js, queueAll.js, shuffle+.js, trashbin.js.

 

Extensions should be separated by |, .e.g. Setting extensions = keyboardShortcut.js| shuffle+.js| will enable the 2 extensions.

 

I tested the tool mostly on Spotify 1.1.17, but it did work on older versions as well.

 

Note: Spicetify-cli does not disable ads in Spotify.

 

Spicetify is also available for Linux and macOS. Please refer to the official website for installation instructions.

 

 

Source: How to customize Spotify with Spicetify-cli themes (gHacks)