Skip to content

Spicetify theme inspired by Microsoft's Fluent Design

License

Notifications You must be signed in to change notification settings

SapitoSucio/spicetify-fluent

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fluent [without ADS]

Spicetify theme inspired by Windows 11 UI and Microsoft's Fluent Design, modified by SapitoSucio to remove ADS/Banners


dark-1

dark-2

light-1

About

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"
git clone https://github.com/williamckha/spicetify-fluent Fluent
Copy-Item Fluent\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"
git clone https://github.com/williamckha/spicetify-fluent Fluent
mkdir -p ../Extensions
cp Fluent/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 the Patch section of 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, dark or dracula. 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.

About

Spicetify theme inspired by Microsoft's Fluent Design

Resources

License

Stars

Watchers

Forks

Languages

  • CSS 91.0%
  • JavaScript 9.0%