mirror of https://github.com/danbulant/dribbblish-dynamic-theme synced 2026-05-19 04:08:53 +00:00

No description

Find a file

Julien Maille e948f8d120 call spicetify apply after patching in install scripts		2021-11-02 23:26:15 +01:00
.github	update issue templates	2021-11-02 17:07:04 +01:00
showcase-images	update README	2021-10-27 23:15:09 +02:00
src	improve playbar controls centering	2021-11-02 18:27:22 +01:00
.gitignore	add webpack action	2021-10-25 14:47:45 +00:00
.prettierignore	update .prettierignore	2021-10-29 21:27:44 +00:00
.prettierrc	add prettier action	2021-10-25 01:10:52 +02:00
CHANGELOG.md	changelog	2021-11-02 22:21:06 +01:00
install.ps1	call spicetify apply after patching in install scripts	2021-11-02 23:26:15 +01:00
install.sh	call spicetify apply after patching in install scripts	2021-11-02 23:26:15 +01:00
package.json	add name and version to package.json	2021-10-31 00:58:47 +02:00
README.md	clean version of PR #89	2021-11-02 22:20:41 +01:00
uninstall.ps1	update install / uninnstall scripts	2021-10-28 11:45:13 +02:00
uninstall.sh	added uninstall.sh	2021-11-02 22:20:41 +01:00
webpack.config.js	Add input validation to release action	2021-10-26 22:35:08 +02:00

README.md

Dribbblish Dynamic

Preview

Features

Resizable sidebar

Customizable sidebar

Rearrange icons positions, stick icons to header or hide unnecessary to save space. Turn on "Sidebar config" mode in Profile menu and hover on icon to show control buttons. After you finish customizing, turn off Config mode in Profile menu to save.

Playlist Folder image

Right click at folder and choose images for your playlist folder. Every image formats supported by Chrome can be used, but do keep image size small and in compressed format.

Left/Right expanded cover

In profile menu, toggle option "Right expanded cover" to change expaned current track cover image to left or right side, whereever you prefer.

Install / Update

Make sure you are using spicetify >= v2.6.0 and Spotify >= v1.1.67.

Windows (PowerShell)

Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/JulienMaille/dribbblish-dynamic-theme/master/install.ps1" | Invoke-Expression

Linux/MacOS (Bash)

curl -fsSL https://raw.githubusercontent.com/JulienMaille/dribbblish-dynamic-theme/master/install.sh | sh

Manual Install

Download the latest DribbblishDynamic_vX.X.X.zip
Extract the files to your Spicetify/Themes folder
Copy dribbblish-dynamic.js to your Spicetify/Extensions folder

Run:

spicetify config extensions dribbblish-dynamic.js
spicetify config current_theme DribbblishDynamic
spicetify config color_scheme base
spicetify config inject_css 1 replace_colors 1 overwrite_assets 1
spicetify apply

IMPORTANT!

From Spotify > v1.1.62, in sidebar, they use an adaptive render mechanic to actively show and hide items on scroll. It helps reducing number of items to render, hence there is significant performance boost if you have a large playlists collection. But the drawbacks is that item height is hard-coded, it messes up user interaction when we explicity change, in CSS, playlist item height bigger than original value. So you need to add these 2 lines in Patch section in config file:

[Patch]
xpui.js_find_8008 = ,(\w+=)32,
xpui.js_repl_8008 = ,${1}58,

Hide Window Controls

Windows user, please edit your Spotify shortcut and add flag --transparent-window-controls after the Spotify.exe: To edit an taskbar shortcut, right click it, then right click Spotify in the list again.

In addition to --transparent-window-controls you can set Windows Top Bars to Solid or Transparent to look like this:

Uninstall

Windows (PowerShell)

Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/JulienMaille/dribbblish-dynamic-theme/master/uninstall.ps1" | Invoke-Expression

Manual Uninstall

Remove Patch lines you added in config file earlier.

Run:

spicetify config extensions dribbblish-dynamic.js-
spicetify apply