From b1706e50aef5c67c72a17edfd65f64447678a109 Mon Sep 17 00:00:00 2001 From: Pritam Santra Date: Wed, 14 Jan 2026 13:32:30 +0530 Subject: [PATCH 1/2] Update README.md --- Dribbblish/README.md | 194 +++++++++++++++++++++++++++++++++---------- 1 file changed, 151 insertions(+), 43 deletions(-) diff --git a/Dribbblish/README.md b/Dribbblish/README.md index 287e1cdd..214516a3 100644 --- a/Dribbblish/README.md +++ b/Dribbblish/README.md @@ -1,70 +1,132 @@ -# Dribbblish +# Dribbblish — Spicetify Theme -### Base +A modern, highly customizable Spotify theme for Spicetify with multiple color schemes and advanced UI enhancements. + +--- + +## Preview + +### Base ![base](base.png) -### White + +### White ![white](white.png) -### Dark + +### Dark ![dark](dark.png) -### Nord-Light + +### Nord Light ![nord-light](nord-light.png) -### Nord-Dark + +### Nord Dark ![nord-dark](nord-dark.png) -### Beach-Sunset + +### Beach Sunset ![beach-sunset](beach-sunset.png) -### Purple + +### Purple ![purple](purple.png) -### Samurai + +### Samurai ![samurai](samurai.png) -### Gruvbox + +### Gruvbox ![gruvbox](gruvbox.png) -### Gruvbox Material Dark + +### Gruvbox Material Dark ![gruvbox-material-dark](gruvbox-material-dark.png) -### Rosé Pine + +### Rosé Pine ![rosepine](rosepine.png) -### Lunar + +### Lunar ![lunar](lunar.png) -### Catppuccin Latte + +### Catppuccin Latte ![catppuccin-latte](catppuccin-latte.png) -### Catppuccin Frappe + +### Catppuccin Frappe ![catppuccin-frappe](catppuccin-frappe.png) -### Catppuccin Macchiato + +### Catppuccin Macchiato ![catppuccin-macchiato](catppuccin-macchiato.png) -### Catppuccin Mocha + +### Catppuccin Mocha ![catppuccin-mocha](catppuccin-mocha.png) -## Features -### Resizable sidebar +--- -img +## Features -### 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. +### Resizable Sidebar +img -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. +### Customizable Sidebar +Rearrange icon positions, stick icons to header, or hide unnecessary icons to save space. -img +**How to use:** +1. Open Profile menu. +2. Enable **Sidebar config** mode. +3. Hover over icons to reveal control buttons. +4. Disable **Sidebar config** mode to save. -### 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. +img + +--- + +### Playlist Folder Images +Right-click a playlist folder and assign custom images. +All Chrome-supported image formats work; small and compressed images are recommended. + +img + +--- + +### Left / Right Expanded Cover +Toggle **Right expanded cover** in the Profile menu to move the expanded album artwork to the left or right. + +--- + +## Requirements + +- Spicetify **>= v2.5.0** +- Spotify **>= v1.1.56** + +--- + +## Auto Install -## Auto-install -Make sure you are using spicetify >= v2.5.0 and Spotify >= v1.1.56. ### Windows + ```powershell Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/spicetify/spicetify-themes/master/Dribbblish/install.ps1" | Invoke-Expression +```` + +--- + +## Linux — Hassle-Free Script Install + +Ready-made install script is available: + +``` +install-linux.sh ``` +### Usage + +```bash +chmod +x install-linux.sh +./install-linux.sh +``` + +--- + ## Manual Install -Run these commands: -### Linux and MacOS: -In **Bash**: +### Linux & macOS (Bash) + ```bash cd "$(dirname "$(spicetify -c)")/Themes/Dribbblish" spicetify config current_theme Dribbblish color_scheme base @@ -72,8 +134,10 @@ spicetify config inject_css 1 replace_colors 1 overwrite_assets 1 inject_theme_j spicetify apply ``` -### Windows -In **Powershell**: +--- + +### Windows (PowerShell) + ```powershell cd "$(spicetify -c | Split-Path)\Themes\Dribbblish" spicetify config current_theme Dribbblish color_scheme base @@ -81,30 +145,74 @@ spicetify config inject_css 1 replace_colors 1 overwrite_assets 1 inject_theme_j spicetify apply ``` -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: +--- + +## Sidebar Height Patch (Important) + +From Spotify **> v1.1.62**, adaptive rendering breaks interaction when playlist item height is modified via CSS. + +Add the following to your Spicetify config file: + ```ini [Patch] xpui.js_find_8008 = ,(\w+=)32, xpui.js_repl_8008 = ,${1}56, ``` +--- + ## Change Color Schemes -There are 9 color schemes you can choose: `base`, `white`, `dark`, `dracula`, `nord-dark`, `nord-light`, `beach-sunset`, `samurai`, `purple`, `gruvbox`, `gruvbox-material-dark`, `catppuccin-latte`, `catppuccin-frappe`, `catppuccin-macchiato`, and `catppuccin-mocha`. Change scheme with commands: -``` + +Available schemes: + +`base`, `white`, `dark`, `dracula`, `nord-dark`, `nord-light`, +`beach-sunset`, `samurai`, `purple`, `gruvbox`, +`gruvbox-material-dark`, +`catppuccin-latte`, `catppuccin-frappe`, `catppuccin-macchiato`, `catppuccin-mocha` + +### Command + +```bash spicetify config color_scheme spicetify apply ``` -## Auto-uninstall +--- + +## Auto Uninstall + ### Windows + ```powershell Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/spicetify/spicetify-themes/v2/Dribbblish/uninstall.ps1" | Invoke-Expression ``` -## Manual uninstall -Remove the dribbblish theme with the following commands +--- + +## Linux — Hassle-Free Script Uninstall + +Ready-made uninstall script is available: ``` +uninstall-linux.sh +``` + +### Usage + +```bash +chmod +x uninstall-linux.sh +./uninstall-linux.sh +``` + +--- + +## Manual Uninstall + +```bash spicetify config current_theme " " color_scheme " " spicetify apply ``` + +--- + +``` From 8f8663a97b81dc86ae59552d3a37bf40760596e1 Mon Sep 17 00:00:00 2001 From: Pritam Santra Date: Wed, 14 Jan 2026 13:33:52 +0530 Subject: [PATCH 2/2] added easy install for linux users --- Dribbblish/install-linux.sh | 64 +++++++++++++++++++++++++++++++++++ Dribbblish/uninstall-linux.sh | 20 +++++++++++ 2 files changed, 84 insertions(+) create mode 100644 Dribbblish/install-linux.sh create mode 100644 Dribbblish/uninstall-linux.sh diff --git a/Dribbblish/install-linux.sh b/Dribbblish/install-linux.sh new file mode 100644 index 00000000..0e25878f --- /dev/null +++ b/Dribbblish/install-linux.sh @@ -0,0 +1,64 @@ +#!/usr/bin/env bash + +set -e + +# Check for spicetify +if ! command -v spicetify >/dev/null 2>&1; then + echo "Spicetify not found" + echo "Follow instruction on: https://spicetify.app/docs/getting-started/simple-installation#linux" + exit 1 +fi + +echo "Downloading themes package..." + +ZIP_FILE="/tmp/spicetify-themes.zip" +EXTRACT_PATH="/tmp/spicetify-themes-master" + +curl -L \ +"https://github.com/spicetify/spicetify-themes/archive/refs/heads/master.zip" \ +-o "$ZIP_FILE" + +echo "Extracting themes package..." + +rm -rf "$EXTRACT_PATH" +unzip -q "$ZIP_FILE" -d /tmp + +# Resolve spicetify config directory +SPICE_PATH="$(spicetify -c | xargs dirname)" + +DRIB_PATH="$EXTRACT_PATH/Dribbblish" +DEST_PATH="$SPICE_PATH/Themes/Dribbblish" + +# Copy to personal Themes folder +rm -rf "$DEST_PATH" +cp -r "$DRIB_PATH" "$DEST_PATH" + +echo "Configuring..." + +spicetify +spicetify config inject_css 1 replace_colors 1 overwrite_assets 1 inject_theme_js 1 current_theme Dribbblish + +CONFIG_FILE="$SPICE_PATH/config-xpui.ini" + +# Add patch if missing +if ! grep -q "xpui.js_find_8008" "$CONFIG_FILE"; then + + if ! grep -q "^\[Patch\]" "$CONFIG_FILE"; then + echo "" >> "$CONFIG_FILE" + echo "[Patch]" >> "$CONFIG_FILE" + fi + + cat >> "$CONFIG_FILE" <