spicetify-themes/Fluent
williamckha 1f43e0129b fix(Fluent): fix bugs with new spotify update
- Fix playlist icons not showed after expanding folders (thanks @Salaron)
- Add scrollbar for playlists, also adjust container height (thanks
  @Salaron)
- Fix missing playlist pictures (thanks @TheHenkka)
- Update changed class names for some elements
- Fix bugs with new spotify version
2021-09-16 07:05:55 -07:00
..
assets feat(Fluent): improve sidebar/topbar UI + minor fixes 2021-08-21 13:04:14 -07:00
screenshots [ImgBot] Optimize images 2021-08-14 07:48:34 +00:00
color.ini feat(Fluent): add Fluent theme 2021-08-13 12:22:47 -07:00
fluent.js fix(Fluent): fix bugs with new spotify update 2021-09-16 07:05:55 -07:00
LICENSE feat(Fluent): add Fluent theme 2021-08-13 12:22:47 -07:00
README.md fix(Fluent): fix bugs with new spotify update 2021-09-16 07:05:55 -07:00
user.css fix(Fluent): fix bugs with new spotify update 2021-09-16 07:05:55 -07:00

Fluent

Screenshots

Dark

dark-1 dark-2

Light

light-1

More

About

Spicetify theme inspired by Windows 11 UI and Microsoft's Fluent Design.
Requires Segoe UI font.

Based off Ziro theme by schnensch
Fluent UI System Icons by Microsoft Corporation
Phosphor Icons by Phosphor Icons

Install

Make sure spicetify >= v2.6.3 is installed. Run these commands:

Windows

In Powershell:

cd "$(spicetify -c | Split-Path)\Themes\Fluent"
Copy-Item fluent.js ..\..\Extensions
spicetify config extensions fluent.js
spicetify config current_theme Fluent color_scheme dark
spicetify config inject_css 1 replace_colors 1 overwrite_assets 1
spicetify apply

macOS and Linux

In Bash:

cd "$(dirname "$(spicetify -c)")/Themes/Fluent"
mkdir -p ../../Extensions
cp fluent.js ../../Extensions/.
spicetify config extensions fluent.js
spicetify config current_theme Fluent color_scheme dark
spicetify config inject_css 1 replace_colors 1 overwrite_assets 1
spicetify apply

Customization

Two color schemes are available: light or dark. Change scheme with commands:

spicetify config color_scheme <scheme_name>
spicetify apply

You can change the accent color in the theme folder's color.ini file.
If you are using Windows, you can hide the window controls by adding the flag --transparent-window-controls after Spotify.exe in your Spotify shortcut.