Giter VIP home page Giter VIP logo

spicetify-bloom's Introduction

Bloom

Spicetify theme inspired by Microsoft's Fluent Design System.

Consider starring us, and suggest stuff by submitting a comment!


main-cover


First Look


Default Dark

dark-1


Default Light

light-1


Dark Mono

light-1 By @SunsetTechuila

Dependencies

  • Spicetify version 2.11.1 or newer. Latest version recommended.
  • 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.

Automated Installation

Windows (Powershell)

Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/nimsandu/spicetify-bloom/main/install.ps1" | Invoke-Expression

Linux/macOS (Bash)

curl -fsSL https://raw.githubusercontent.com/nimsandu/spicetify-bloom/main/install.sh | bash
Special script for Debian users

Replace `install.sh` in the above command with `install_debian.sh`. Spotify made a derp that it doesn't work on some Debian installations. Passing `--no-zygote` flag to it will fix this issue, which also means we also need to add it to launcher entry. `install_debian.sh` script's whole purpose is to run the `install.sh` as usual, then applying the fix. Issues about it are welcome!

credit @windowz414 for the script

...or if you don't want to use shell commands, you can download the installation scripts within the repository.

Spicetify Marketplace

You can also install the theme from the Spicetify Marketplace. Simply install spicetify-marketplace by following it's installation instructions. Look for Bloom theme and install it.

Manual Installation

Use this guide to install if you're having trouble using the shell commands/installation scripts.

Step 1

  • Download the theme ZIP file via the GitHub repository page.

Step 2

  • Navigate to the Spicetify's Themes directory.
Platform Path
Windows %appdata%\spicetify\Themes
Linux/MacOS ~/.config/spicetify/Themes

Step 3

  • In the directory, create a new folder called Bloom.

Step 4

  • Open the downloaded theme ZIP file, and extract the following files highlighted in the screenshot below to the Bloom folder you created. image

Step 5

  • Open a terminal/command prompt window and type the following commands:
spicetify config current_theme Bloom
spicetify config color_scheme dark

...and then apply the theme by typing spicetify apply. And you should be done!


If you encounter any buggy artifacts after applying, type these following commands:

spicetify config inject_css 1
spicetify config replace_colors 1
spicetify config overwrite_assets 1
spicetify config inject_theme_js 1

..then type spicetify apply to apply the theme.

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

The dark color scheme is applied by default during the installation process. If you install Bloom via PowerShell the installed color scheme depends on your Windows settings.

The available color schemes are: light darkmono and dark. Apply one using the following commands:

spicetify config color_scheme <color scheme>
spicetify apply

Credit for the scheme Dark Mono: @SunsetTechuila

More Options

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

Troubleshooting

Experiencing issues after installing via Spicetify Marketplace?
If you're experiencing issues after installing the theme via the Spicetify Marketplace, reset it by going to the Spicetify Marketplace settings, then scroll all the way down until you see the "Reset Marketplace" button. After that, proceed to install the theme using the instation methods shown above.
Theme is broken, some visual elements are missing, etc.
Spotify releases updates very frequently, and when that happens, it's common for things to break. Generally, we'll be able to fix these issues, but there are certain issues that are out of our control. If you experience such an issue, please report them via the repository's issues page.
Theme breaks after installing a Spicetify addon/app.
This occurs rather because the custom app doesnt exist. Check Spicetify repositories if it indeed exists in that exact package name and open an issue on this repo if it does for a more extended testing.

credit @windowz414 for the troubleshooting

Uninstallation
uninstallation
  1. Restore Spotify to original state image

  2. Delete spicetify files in appdata. Local and roaming image image

  3. Use PowerShell to install spicetify and Bloom image

  4. Restart and apply to Spotify image

credit @Georgetheasian for the uninstallation guide

If you uninstall Bloom let us know how to shape our future

Credits

Special Thanks

  • @ohitstom Thomas Fitzpatrick for implementing the new theme script feature
  • @Dilith-Dahanayake Milky for beta testing

To appreciate your sacrifice of time and long-term dedication,

And For Every Contributor, stargazer and Bloomer.

License

MIT License

spicetify-bloom's People

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.