Coder Social home page Coder Social logo

spotify-spice's Introduction

Spotify Spice

Spicetify theme, to change Spotify client UI.

Based on Spotify original theme.

Note: Require Spicetify v2.2.0 or higher! Otherwise, performance problems will happen when the turntable rotate!

Develop and test on macOS. If there's any problem, please open issue or PR.

About Turntable

Use CSS to achieve, not picture. This means it can be scaled to any size, but make sure the album cover is not blurry.

Actually, the rotation of the turntable was created at spicetify v1, but in some cases, animation is affected by other factors. I think "fullAppDisplay.js high GPU usage" is the reason. Fortunately, it's normal now!

The turntable inspired by Netease Music and Smartisan OS build-in Music Player (not include code).

Screenshots

spotify spice fullAppDisplay fullAppDisplay - vertical mode blur fullAppDisplay blur fullAppDisplay - vertical mode

Installation

  1. install spicetify-cli, then follow the Basic Usage

  2. clone the repository, then put SpotifySpice and spotifySpice.js into the spicetify config folder

  • Linux/macOS: ~/.config/spicetify/
  • Windows Powershell: $env:APPDATA/spicetify/
cd spotify-spice
cp -r SpotifySpice <config-folder-path>/Themes
cp spotifySpice.js <config-folder-path>/Extensions
  1. select the theme and extensions (Full App Display)
spicetify config current_theme SpotifySpice
spicetify config extensions fullAppDisplay.js
spicetify config extensions spotifySpice.js
  1. apply
spicetify apply

How to Uninstall

  1. remove SpotifySpice and spotifySpice.js
rm -r ~/.config/spicetify/Themes/SpotifySpice
rm ~/.config/spicetify/Extensions/spotifySpice.js
  1. config to spicetify default theme
spicetify config current_theme SpicetifyDefault
  1. remove extensions
spicetify config extensions spotifySpice.js-
spicetify config extensions fullAppDisplay.js-
  1. apply
spicetify apply

spotify-spice's People

Contributors

grasonchan avatar notplancha avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

spotify-spice's Issues

Rotate Turntable Issue

Hello, when I attempt to install this theme there are two errors: "color.ini" and "rotateTurntable,js" are not found. Earlier issue shows that "color.ini" is not needed so I guess the real issue is "rotateTurntable,js" file is missing causing no rotation.

I am running Spicetify 2.5 and Spotify 1.1.62.583.gdac868ed-a as well as Windows 10.

Annoying Background

unknown

hello sir, any fix for this problem? those white background are really annoying me

No controls or exit in turntable mode

Hi! Once I actually click to use the turntable mode it seems like there's no controls as shown in the screenshots - no pause/play or forward and backward. Additionally, no button I press on my keyboard (and no menu option) exits turntable mode, so my only option to get out of it and navigate to another playlist is to completely restart Spotify. Not sure if this is intended?

Screenshot of the issue below. I'm on Windows 10 using the latest version of both Spotify & Spicetify.

image

Cover not rotating

Hello there, everything is installed and the disc shows up but the rotating animation does not seem to work
help would be very much appreciated

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.