mirror of
https://github.com/danbulant/dribbblish-dynamic-theme
synced 2026-05-25 13:02:10 +00:00
92 lines
3.6 KiB
Markdown
92 lines
3.6 KiB
Markdown
# Dribbblish
|
|
|
|
### base
|
|
|
|
### white
|
|
|
|
### dark
|
|
|
|
### nord-light
|
|
|
|
### nord-dark
|
|
|
|
### beach-sunset
|
|
|
|
### purple
|
|
|
|
### samourai
|
|
|
|
|
|
## Features
|
|
### Resizable sidebar
|
|
|
|
<img src="https://i.imgur.com/1zomkmd.png" alt="img" align="center" width="500px">
|
|
|
|
### Customizable sidebar
|
|
Rearrange icons positions, stick icons to header or hide unnecessary to save space.
|
|
Turn on 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 src="https://i.imgur.com/86gqPe8.png" alt="img" align="center" width="500px">
|
|
|
|
### 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 src="https://i.imgur.com/WGQ7Bev.gif" alt="img" align="center" width="500px">
|
|
|
|
### 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
|
|
Make sure you are using spicetify v2 and Spotify v1.1.58 or later.
|
|
|
|
Run these commands:
|
|
|
|
### Linux and MacOS:
|
|
In **Bash**:
|
|
```bash
|
|
cd "$(dirname "$(spicetify -c)")/Themes/Dribbblish"
|
|
mkdir -p ../../Extensions
|
|
cp dribbblish.js ../../Extensions/.
|
|
spicetify config extensions dribbblish.js
|
|
spicetify config current_theme Dribbblish color_scheme base
|
|
spicetify config inject_css 1 replace_colors 1 overwrite_assets 1
|
|
spicetify apply
|
|
```
|
|
|
|
### Windows
|
|
In **Powershell**:
|
|
```powershell
|
|
cd "$(spicetify -c | Split-Path)\Themes\Dribbblish"
|
|
Copy-Item dribbblish.js ..\..\Extensions
|
|
spicetify config extensions dribbblish.js
|
|
spicetify config current_theme Dribbblish color_scheme base
|
|
spicetify config inject_css 1 replace_colors 1 overwrite_assets 1
|
|
spicetify apply
|
|
```
|
|
|
|
## Change Color Schemes
|
|
There are 9 color schemes you can choose: `base`, `white`, `dark`, `dracula`, `nord-dark`, `nord-light`, `samourai`, `purple`. Change scheme with commands:
|
|
```
|
|
spicetify config color_scheme <scheme name>
|
|
spicetify apply
|
|
```
|
|
|
|
## Hide Window Controls
|
|
Windows user, please edit your Spotify shortcut and add flag `--transparent-window-controls` after the Spotify.exe:
|
|
|
|
|
|
Alternatively, you can use `SpotifyNoControl.exe`, included in this theme package, to completely remove all windows controls and title menu (three dot at top left corner). Title menu still can be access via Alt key. Closing, minimizing can be done via 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.
|
|
Moreover, by default, Spotify adjusted sidebar items and profile menu icon to stay out of Windows native controls region. If you decided to use `SpotifyNoControl.exe` from now on, please open `user.css` file and change variable `--os-windows-icon-dodge` value to 0 as instruction to snap icons back to their original position.
|
|
|
|
|
|
|
|
## Uninstall
|
|
|
|
Remove the dribbblish script with the following commands
|
|
|
|
```
|
|
spicetify config extensions dribbblish.js-
|
|
spicetify apply
|
|
```
|