No description
Find a file
ImgBotApp bb635fab94
[ImgBot] Optimize images
*Total -- 4,562.28kb -> 4,494.05kb (1.5%)

/showcase-images/windows-shortcut-instruction.png -- 12.18kb -> 7.85kb (35.54%)
/showcase-images/preview.gif -- 4,550.10kb -> 4,486.20kb (1.4%)

Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com>
2021-10-17 21:46:40 +00:00
.github/ISSUE_TEMPLATE fix typo in issue template 2021-10-10 05:08:23 +02:00
assets/glue-resources/fonts add: Dribbblish v2 2021-06-02 00:01:11 +10:00
showcase-images [ImgBot] Optimize images 2021-10-17 21:46:40 +00:00
color.ini add: Dribbblish v2 2021-06-02 00:01:11 +10:00
dribbblish-dynamic.js removed useless css for system dark mode detection 2021-10-13 22:49:56 +02:00
dribbblish.js fix hide ads always being enabled 2021-10-15 07:28:50 +02:00
install.ps1 Auto fix for #18 2021-07-08 14:27:14 +02:00
install.sh FIX #71 2021-10-14 20:18:30 +02:00
README.md update readme to better show how to update the theme 2021-10-08 13:32:16 +02:00
uninstall.ps1 updating to work with spicetify 2.5.0 2021-06-27 23:40:03 +02:00
user.css FIX explicit icon color 2021-10-14 20:11:09 +02:00
Vibrant.min.js NEW: light/dark toggle button, dynamic colors, background cover 2021-06-02 22:53:39 +02:00

Dribbblish Dynamic

Preview

preview

Features

Resizable sidebar

img

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.

img

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.

img

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.

Run these commands:

Windows

In Powershell:

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

Linux and MacOS:

In Bash:

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

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}56,

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. instruction1

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

Alternatively, you can use SpotifyNoControl.exe, included in this theme package, to completely remove all windows controls and title menu (three dots at top left corner). Title menu still can be accessed via the Alt key. Closing and minimizing can be done via the right click menu at top window region.
SpotifyNoControl.exe could be used as Spotify launcher, it opens Spotify and hides controls right after. You can drag and drop it to your taskbar but make sure you unpin the original Spotify icon first. Alternatively you can make a shortcut for it and add to desktop or start menu.

nocontrol

Auto-uninstall

Windows

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

Manual uninstall

Remove the dribbblish script with the following commands

spicetify config extensions dribbblish.js-
spicetify config extensions dribbblish-dynamic.js-

And remove Patch lines you added in config file earlier. Finally, run:

spicetify apply