/Spicetify-Lucid

A Dynamic, Highly Customizable Spicetify theme inspired by Bloom and Microsoft Fluent Design.

Primary LanguageTypeScriptMIT LicenseMIT

🎨 Spicetify Lucid Theme

Lucid is a Spicetify theme that blends a clean, modern aesthetic with a touch of dynamism and customization, creating a unique and personalized Spotify experience.

Embrace a minimalist design while injecting a subtle pop of color and personality into your music streaming experience.

See Lucid in Action:

Library with animated background Playlist page with background

Click here for more screenshots

Table of Contents

Features:

  • Auto updates (planned): Bug fixes are addressed promptly to keep your theme experience smooth.
  • Dynamic background that adapts to album art: Enjoy a visually engaging experience with a background that changes based on your current song album art.
  • Multiple color schemes: Choose from a variety of color schemes to match your style (dark, light, dark-green, coffee, comfy, dark-fluent, greenland, biscuit, macos, rosepine, dracula, dracula-pro).
  • Easy installation via scripts or Spicetify Marketplace: Choose the installation method that best suits you.

Join the Community

Installation

Manual installation using Scripts (recomended):

Windows (Powershell)

[Net.ServicePointManager]::SecurityProtocol = [Net.SecurityProtocolType]::Tls12
iex "& { $(iwr -useb 'https://cdn.jsdelivr.net/gh/sanoojes/Spicetify-Lucid@refs/heads/main/install/Lucid.ps1') }"

Linux/macOS (Bash)

curl -fsSL https://raw.githubusercontent.com/sanoojes/Spicetify-Lucid/main/install/install.sh | sh

Updating

For those who used scripts and not Marketplace.

Windows (PowerShell)

[Net.ServicePointManager]::SecurityProtocol = [Net.SecurityProtocolType]::Tls12
iex "& { $(iwr -useb 'https://raw.githubusercontent.com/sanoojes/spicetify-lucid/main/install/Lucid.ps1') } -Action Update"

Other OS

Use the Bash installation script or manually update the files.

Uninstallation

For those who used scripts and not Marketplace.

Automated (Windows PowerShell)

[Net.ServicePointManager]::SecurityProtocol = [Net.SecurityProtocolType]::Tls12
iex "& { $(iwr -useb 'https://raw.githubusercontent.com/sanoojes/spicetify-lucid/main/install/Lucid.ps1') } -Action Uninstall"

Manual Uninstallation

spicetify config color_scheme ' ' current_theme ' '
spicetify apply

If you uninstall Lucid let us know how to shape our future!

Using Spicetify Marketplace (simpler installation):

  1. Install the spicetify-marketplace extension following its instructions: https://github.com/spicetify/marketplace/wiki/Installation.
  2. Search for "Lucid" in the Spicetify Marketplace and click "Install."

Advanced Manual Installation:

  1. Download the repository: Visit the Lucid GitHub repository: https://github.com/sanoojes/Spicetify-Lucid and download the code as a ZIP archive.

  2. Locate Spicetify's Themes directory: Use the command spicetify path userdata in your terminal/command prompt to find the path.

  3. Create the theme folder: Inside the Themes directory, create a new folder named Lucid.

  4. Extract theme files: Extract the downloaded ZIP archive and move all files from the src subfolder to the Lucid folder you created.

  5. Apply the theme: Open your terminal/command prompt and run these commands (replace <color_scheme> with your desired scheme):

    spicetify config current_theme Lucid
    spicetify config color_scheme <color_scheme>  # Example: dark, light, etc.
    spicetify config inject_css 1 replace_colors 1 overwrite_assets 1 inject_theme_js 1
    spicetify apply

Customization

Color scheme:

  • The default scheme is dark. You can change it using the command:

    spicetify config color_scheme <color_scheme>
    spicetify apply

Available schemes: dark, light, comfy, macos, coffee, violet, dracula, biscuit, cozytile, rosepine, darkgreen, greenland, dark-bloom, dark-fluent, dracula-pro, cosmic-dusk, midnight-slate, nocturne-coast, catppuccin-mocha, midnight-catppuccin, catppuccin-macchiato, catppuccin-darkrose, abyss, vesper.

  • If you installed via Marketplace, the color scheme can be changed directly in the theme options.

Accent color:

  1. Navigate to the Spicetify Themes directory using spicetify path userdata in your terminal.
  2. Open the Lucid folder.
  3. Edit the color.ini file for your current color scheme (e.g., color.dark.ini).
  4. Make your desired changes to the accent color values.
  5. Run spicetify apply to apply the changes.
  • If you installed via Marketplace, you can use the built-in Color.ini Editor for accent color adjustments.

Screenshots

Global Navigation

Global navigation with solid background Global navigation with static background Global navigation with card playlist and solid background Global navigation with compact playlist and solid background Global navigation with normal playlist and solid background Global navigation with playlist card option Global navigation with playlist card option Global navigation with playlist and background Global navigation with podcast navigation option Global navigation with artist library open Global navigation with browse page Global navigation with playlist page Global navigation with artist now playing

Base

Library with animated background Playlist page with background

Artist

Artist page Global navigation with artist now playing

Lucid Settings:

All app settings

  • Background: Settings for background customization
  • Font: Settings for font selection
  • Playbar: Settings for playbar customization
  • Playlist View: Settings for playlist view customization

Dynamic Color

Dynamic color theme 1 Dynamic color theme 2 Dynamic color theme 3 Dynamic color theme 4

Other Screenshots

  • Compact playlist Compact playlist layout
  • Playlist card Playlist card view
  • Playlist with dynamic color Dynamic color theme applied to playlist
  • Lyrics cinema with solid background Solid background for lyrics
  • Lyrics cinema with static background Static background for lyrics
  • Lyrics cinema with animated background Animated background for lyrics
  • Podcast Podcast Page
  • Lyrics page with compact playbar Compact playbar for lyrics view
  • Playlist page with background and compact playbar Background and compact playbar for playlist page

License

MIT License