Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/williamckha/spicetify-fluent

Spicetify theme inspired by Microsoft's Fluent Design
https://github.com/williamckha/spicetify-fluent

css customization fluent fluent-design spicetify spicetify-themes spotify theme ui windows-11

Last synced: 30 days ago
JSON representation

Spicetify theme inspired by Microsoft's Fluent Design

Awesome Lists containing this project

README

        


Fluent

[Spicetify](https://github.com/khanhas/spicetify-cli) theme inspired by Microsoft's [Fluent Design System](https://www.microsoft.com/design/fluent).

![dark-1](screenshots/dark-1.png)


![dark-2](screenshots/dark-2.png)


![light-1](screenshots/light-1.png)

## Dependencies

- [Spicetify](https://github.com/khanhas/spicetify-cli) version 2.7.0 or newer, latest version always recommended.
- [Segoe UI](https://en.wikipedia.org/wiki/Segoe#Segoe_UI) font family, comes pre-installed on Windows Vista and newer.
Segoe UI versions older than 5.37 (older than Windows 8.0) are not officially supported but may work.

## Installation

### Windows (PowerShell)

```powershell
Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/williamckha/spicetify-fluent/master/install.ps1" | Invoke-Expression
```

### Linux/macOS (Bash)

```bash
curl -fsSL https://raw.githubusercontent.com/williamckha/spicetify-fluent/master/install.sh | sh
```

### Spicetify Marketplace

You may alternatively install spicetify-fluent from within the Spicetify Marketplace.
Simply install the [spicetify-marketplace](https://github.com/spicetify/spicetify-marketplace) by following it's
installation instructions and look for and install the theme from within the Marketplace Button.

### 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:

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

## Customization

Four color schemes are available: `light`, `dark`, `dracula`, and `comfy`. Change scheme with commands:

```
spicetify config color_scheme
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.

## Credits

Based off [Ziro](https://github.com/schnensch0/ziro) theme by [schnensch](https://github.com/schnensch0)
[Fluent UI System Icons](https://github.com/microsoft/fluentui-system-icons) by Microsoft Corporation
[Phosphor Icons](https://github.com/phosphor-icons/phosphor-icons) by Phosphor Icons

## License

[MIT License](LICENSE)