Git Product home page Git Product 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!


dark-1


dark-1


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 may 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 Spicetify's Theme 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

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

Step 6

  • Go back to the downloaded ZIP file, and extract bloom.js to the Extensions directory.

Step 7

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

...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

..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 available color schemes are: light and dark. Apply one using the following commands:

spicetify config color_scheme <color scheme>
spicetify apply

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 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 uninstallation guide

If you Uninstall BLOOM let us know why to shape our future

Credits

License

MIT License

spicetify-bloom's People

Contributors

nimsandu avatar s1nnohlakes avatar kyrie25 avatar pinpal avatar javalsai avatar miukyo avatar astromations avatar ballopener avatar therealpadster avatar syndek avatar accurics[bot] avatar akashirai avatar kajdev avatar q60 avatar sldless avatar

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.