jeroentvb / spicetify-power-bar

Spotlight-like search bar for spotify
GNU General Public License v3.0
77 stars 4 forks source link
power-bar search-bar spicetify-cli spicetify-extensions spotify

Spicetify power bar

Spotlight-like quick search bar to navigate to tracks, albums, artists and playlists.

power bar

Table of contents

Installation

Install via spicetify-marketplace.

Or the manual way:
Copy power-bar.js (from the dist branch) to the spicetify extenstions folder
Platform Path
MacOs/Linux ~/.config/spicetify/Extensions
Windows %appdata%\spicetify\Extensions

Run the following commands

spicetify config extensions power-bar.js
spicetify apply

Usage

Activate using the shortcut. These are defaults. Can be changed in the settings. Platform Shortcut
Windows/Linux ctrl+space
MacOs alt+space

In the suggestion list you can jump back and forth between categories by pressing tab and shift+tab.

To play a suggestion immediately (not navigating to it), hold ctrl (windows/linux) or cmd (macOs) when selecting the suggestion.

It's also possible to navigate using a Spotify URI. Simply paste it in the power-bar and press enter to navigate to the URI destination.

Settings

Settings for the power bar can be found on spotify's settings page. There are settings for the following things:

Theme

To change the colors of the power bar add the following css to your theme (or ask the creator to add styles for power bar). Be sure to change to color values to the desired colors.
Alternatively you can add css by creating a snippet using the marketplace, or css-editor.

#power-bar-container {
  --power-bar-background-color: #333333;
  --power-bar-main-text-color: #ffffff;
  --power-bar-subtext-color: #b3b3b3;
  --power-bar-active-background-color: #1db954;
  --power-bar-active-text-color: #121212;
  --power-bar-border-color: #000000;
}