spicetify-themes/Fluent
2022-02-03 18:52:17 +08:00
..
assets [ImgBot] Optimize images 2021-11-02 00:04:16 +00:00
screenshots Add files via upload 2022-01-05 21:56:28 +03:00
color.ini Update color.ini 2022-01-04 09:19:50 +03:00
fluent.js fix hovering and multiple dots bug 2022-01-09 23:41:25 +01:00
LICENSE feat(Fluent): add Fluent theme 2021-08-13 12:22:47 -07:00
README.md Update README.md 2022-01-05 22:24:09 +03:00
user.css fix too long width bugs of library tab bar 2022-02-03 18:52:17 +08:00

Fluent

Screenshots

Dark

dark-1 dark-2

Comfy

comfy-1 comfy-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.7.0 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

Important

For the sidebar playlists to show properly, ensure that these two lines are added in your config-xpui.ini file:

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

Customization

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

spicetify config color_scheme <scheme_name>
spicetify apply

More Options

  • 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.
  • Use "Sidebar config" in the Spotify profile menu to hide/unhide and stick/unstick the Liked Songs and My Episodes icons in the sidebar.