spicetify-themes/Fluent
ImgBotApp 2e76398679
[ImgBot] Optimize images
*Total -- 1,414.95kb -> 616.80kb (56.41%)

/Fluent/screenshots/dark-2.png -- 583.28kb -> 120.92kb (79.27%)
/Fluent/screenshots/dark-1.png -- 591.05kb -> 300.43kb (49.17%)
/Fluent/screenshots/light-1.png -- 222.31kb -> 177.38kb (20.21%)
/Fluent/assets/phosphor-icons/shuffle-bold.svg -- 0.97kb -> 0.91kb (6.24%)
/Fluent/assets/phosphor-icons/shuffle-light.svg -- 0.98kb -> 0.92kb (6.19%)
/Fluent/assets/phosphor-icons/shuffle.svg -- 0.98kb -> 0.92kb (6.19%)
/Fluent/assets/fluentui-system-icons/ic_fluent_play_24_filled.svg -- 0.30kb -> 0.29kb (0.99%)
/Fluent/assets/fluentui-system-icons/ic_fluent_pause_16_filled.svg -- 0.42kb -> 0.42kb (0.93%)
/Fluent/assets/fluentui-system-icons/ic_fluent_next_24_filled.svg -- 0.44kb -> 0.44kb (0.88%)
/Fluent/assets/fluentui-system-icons/ic_fluent_previous_24_filled.svg -- 0.49kb -> 0.48kb (0.8%)
/Fluent/assets/fluentui-system-icons/ic_fluent_arrow_right_24_filled.svg -- 0.52kb -> 0.51kb (0.57%)
/Fluent/assets/fluentui-system-icons/ic_fluent_search_12_filled.svg -- 0.52kb -> 0.52kb (0.56%)
/Fluent/assets/fluentui-system-icons/ic_fluent_search_16_regular.svg -- 0.55kb -> 0.54kb (0.53%)
/Fluent/assets/fluentui-system-icons/ic_fluent_arrow_left_24_filled.svg -- 0.55kb -> 0.54kb (0.53%)
/Fluent/assets/fluentui-system-icons/ic_fluent_search_16_filled.svg -- 0.57kb -> 0.57kb (0.52%)
/Fluent/assets/fluentui-system-icons/ic_fluent_search_24_filled.svg -- 0.58kb -> 0.58kb (0.5%)
/Fluent/assets/fluentui-system-icons/ic_fluent_home_24_filled.svg -- 0.58kb -> 0.58kb (0.5%)
/Fluent/assets/fluentui-system-icons/ic_fluent_library_24_filled.svg -- 0.61kb -> 0.60kb (0.48%)
/Fluent/assets/fluentui-system-icons/ic_fluent_search_24_regular.svg -- 0.61kb -> 0.61kb (0.48%)
/Fluent/assets/fluentui-system-icons/ic_fluent_add_circle_24_regular.svg -- 0.68kb -> 0.68kb (0.43%)
/Fluent/assets/fluentui-system-icons/ic_fluent_arrow_up_right_24_regular.svg -- 0.79kb -> 0.79kb (0.37%)
/Fluent/assets/fluentui-system-icons/ic_fluent_arrow_up_right_24_filled.svg -- 0.79kb -> 0.79kb (0.37%)
/Fluent/assets/fluentui-system-icons/ic_fluent_home_24_regular.svg -- 1.06kb -> 1.06kb (0.28%)
/Fluent/assets/fluentui-system-icons/ic_fluent_arrow_repeat_all_24_filled.svg -- 1.59kb -> 1.59kb (0.18%)
/Fluent/assets/fluentui-system-icons/ic_fluent_library_24_regular.svg -- 1.77kb -> 1.77kb (0.17%)
/Fluent/assets/fluentui-system-icons/ic_fluent_arrow_repeat_all_off_24_regular.svg -- 1.96kb -> 1.96kb (0.15%)

Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com>
2021-08-14 07:48:34 +00:00
..
assets [ImgBot] Optimize images 2021-08-14 07:48:34 +00: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 feat(Fluent): add Fluent theme 2021-08-13 12:22:47 -07:00
LICENSE feat(Fluent): add Fluent theme 2021-08-13 12:22:47 -07:00
README.md feat(Fluent): add Fluent theme 2021-08-13 12:22:47 -07:00
user.css feat(Fluent): add Fluent theme 2021-08-13 12:22:47 -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

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.