# spicetify/spicetify-themes

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/spicetify-spicetify-themes).**

5,980 stars · 1,336 forks · CSS · MIT

## Links

- GitHub: https://github.com/spicetify/spicetify-themes
- awesome-repositories: https://awesome-repositories.com/repository/spicetify-spicetify-themes.md

## Topics

`beautify` `css` `customization` `spicetify` `spicetify-themes` `spotify` `theme` `themes-css` `ui` `unixporn`

## Description

Spicetify Themes is a community-maintained collection of CSS-based visual themes for customizing the Spotify desktop client. The repository serves as a shared library of user-contributed themes that alter the appearance, layout, and sidebar configuration of the Spotify interface through the Spicetify modding tool.

The theme system works by injecting custom CSS into Spotify's web-based UI through Spicetify's extension and loading mechanism, replacing default style files with user-provided themes at application startup. Themes use CSS custom properties for consistent color and spacing adjustments, and can import base styles from other themes using CSS @import rules for modular design. The Spicetify command-line tool handles theme installation and switching by patching Spotify's client files.

Beyond visual theming, the repository includes configuration options for interface layout customization. Users can rearrange, pin, or hide sidebar icons through a config mode toggled from the Profile menu, and switch the expanded track cover image between the left and right side of the interface. Additional functionality allows assigning custom images to playlist folders through a right-click context menu.

## Tags

### Part of an Awesome List

- [Spotify Themes](https://awesome-repositories.com/f/awesome-lists/media/spotify-themes.md) — Applying community-made visual themes to the Spotify desktop client to change its appearance and layout.

### Development Tools & Productivity

- [Theme Repositories](https://awesome-repositories.com/f/development-tools-productivity/flat-file-documentation-systems/theme-repositories.md) — Hosts a collection of user-contributed CSS themes in a version-controlled directory structure.

### User Interface & Experience

- [Spicetify Theme CLI Integrations](https://awesome-repositories.com/f/user-interface-experience/component-libraries/angular-ui-libraries/cli-integration/spicetify-theme-cli-integrations.md) — Themes are applied by the Spicetify command-line tool, which patches Spotify's client files.
- [CSS Variable Customization](https://awesome-repositories.com/f/user-interface-experience/css-variable-customization.md) — Uses CSS custom properties to allow consistent color and spacing adjustments across themes.
- [Desktop Visual Theming](https://awesome-repositories.com/f/user-interface-experience/desktop-visual-theming.md) — Changing the look and feel of a desktop music player application through custom CSS and configuration files.
- [Spicetify Theme Managers](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/theme-management/spicetify-theme-managers.md) — Installing, switching, and managing a collection of themes for the Spicetify Spotify modding tool.
- [Application Theme File Overrides](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-systems/theme-architecture-frameworks/theme-customization/system-theme-files/application-theme-file-overrides.md) — Replaces Spotify's default CSS files with user-provided theme files at application startup.
- [Sidebar Icon Rearrangement](https://awesome-repositories.com/f/user-interface-experience/sidebars/configurable-sidebar-modules/sidebar-icon-rearrangement.md) — Users can rearrange, pin, or hide sidebar icons through a config mode toggled from the Profile menu. ([source](https://cdn.jsdelivr.net/gh/spicetify/spicetify-themes@master/README.md))
- [Theme Inheritance Systems](https://awesome-repositories.com/f/user-interface-experience/theme-inheritance-systems.md) — Themes can import base styles from other themes using CSS @import rules for modular design.

### Web Development

- [CSS Injection](https://awesome-repositories.com/f/web-development/web-infrastructure-deployment/asset-management-build-tools/style-optimization-tools/css-injection.md) — Injects custom CSS into Spotify's web-based UI through Spicetify's extension and theme loading system.