spicetify/cli v2.2.0

Colours system rework

on GitHub

Change

• Colors names from spicetify v1 are no longer relevant and somewhat misleading to new theme makers. Since themes designed for legacy Spotify are not possible to port over, backward compatibility is out of the table. I decided to completely change them to more accurate and shorter names.
  

For example, this is one of color schemes of SpicetifyDefault with new colors names:

[pink-white]
; Pink on White background
text               = 000000
subtext            = 3D3D3D
main               = FAFAFA
sidebar            = FAFAFA
player             = FAFAFA
card               = ffd5d1
shadow             = F0F0F0
selected-row       = 404040
button             = FE6F61
button-active      = FE6F61
button-disabled    = 535353
tab-active         = e9e9e9
notification       = FE6F61
notification-error = e22134
misc               = BFBFBF

Moreover, CSS variables also have new form: --spice-<color key> for hex color code and --spice-rgb-<color key> for rrr,ggg,bbb format.
Example CSS using new color CSS variables:

.main-contextMenu-menu {
    background-color: var(--spice-button);
    color: var(--spice-subtext);
    border-bottom: 1px rgba(var(--spice-rgb-selected-row), 0.5);
}

Note that these color keys above are base keys, it's essential for UI to display correctly. But you can always extends to as many colors key as you want in your color scheme sections. And CSS variables forms above are still applicable.

Add

• Custom app Reddit: Fetch and display shared playlists/albums/tracks from subreddits. Posts can be accessed and play immediately via play button. Unfortunately, context menu is not yet implemented.
  You can add, remove and arrange subreddits in config menu (pen icon button). Sorting options are also available on the right of app header.
  

After you upgrade to this spicetify version, run spicetify restore backup once.
Then run spicetify config custom_apps reddit to add custom app "reddit" to config file
Finally, run spicetify apply and enjoy.

• Exposed Spicetify.React and Spicetify.ReactDOM are ready to use to create, render and mount react components.

• Automatically remove Star Wars easter egg, it tracks key stroke and scan URIs too frequently.

Fix

• Search input visibility
  
• fullAppDisplay.js high GPU usage. Using canvas to draw background, blur transition is butter cutting smooth.
  
• Some RTL rule removals