spicetify-themes

repository·master·Indexed 27 days ago

https://github.com/spicetify/spicetify-themes

A collection of community-maintained themes for the Spicetify CLI to customize the visual appearance of the Spotify desktop client. Includes various themes such as Dribbblish, Matte, Dreary, Blossom, and Sleek, along with utilities like SpotifyNoControl for hiding window controls on Windows.

Tokens
5K
Snippets
14
Records
38
Agent score
90%

What's inside spicetify-themes

  1. Overview of Ziro theme

    master
    Ziro is a Spicetify community theme inspired by the Zorin GTK theme and the spot project. It provides a variety of color schemes including different light and dark modes for colors such as Blue, Gray, Green, Orange, Purple, Red, and specialized palettes like Rose Pine, Rose Pine Moon, and Rose Pine Dawn.
  2. Install and use the Dreary theme

    master
    Dreary is a chill Spicetify theme designed to keep elements bordered and organized. It includes several color schemes/variants such as BIB, Psycho, Deeper, Mono, Golden, and Graytone-Blue. To use this theme, you must download the Dreary theme files into your Spicetify Themes directory and apply it using the Spicetify CLI.
  3. Browse Spicetify community themes

    master
    The spicetify-themes repository provides a collection of community-created themes for Spicetify. Many themes include multiple color schemes (e.g., Light, Dark, or specific color palettes like Nord or Catppuccin). You can preview these themes in the THEMES.md file to choose a visual style for your Spotify client.
  4. Match window controls background with topbar (Windows)

    master

    To make the Spotify window controls' background match the Matte topbar background on Windows, you have two options:

    1. Recommended: Enable the CEF/Spotify Tweaks mod in Windhawk.
    2. Alternative: Add the following CSS snippet to your user.css file or via the Spicetify Marketplace's custom CSS feature. Note that if you change the page zoom level (Ctrl + / Ctrl -), you may need to adjust the width and height values in the snippet.
    /* transparent window controls background */
    .spotify__container--is-desktop:not(.fullscreen) body::after {
        content: "";
        position: absolute;
        right: 0;
        z-index: 999;
        backdrop-filter: brightness(2.12);
        /* page zoom [ctrl][+] or [ctrl][-] 
           edit width and height accordingly
        */
        width: 135px;
        height: 48px;
    }