Skip to content

chengggit/YouTube-Music-Dynamic-Theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

86 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dynamic Background

A highly customizable YouTube Music theme featuring dynamic backgrounds and glassmorphism for Better Lyrics Extension.

Install Ratings

Table of Contents

Features

  • Full site-wide theme for YouTube Music
  • Dynamic backgrounds that change with the current song, or use static colors/images
  • Highly customizable
  • Modern glassmorphism UI with blur and rounded corners
  • Smooth, configurable animations that can be adjusted or disabled

Toggleable player enhancements:

  • Centered player controls
  • Increment skip buttons

Note: The animations may affect performance and can be disabled in the settings.

Installation

First install Better Lyrics Extension For Youtube Music. Once the extension is installed, you can choose one of the following methods to install the themes:

Known Limitations

  • Background transitions don’t work in Firefox yet.

Installation Methods:

Method 1: Install from the Theme Marketplace (Recommended)

  1. Open the Better Lyrics extension and go to the Themes section.
  2. Open the Theme Marketplace and search for “Dynamic Background”.
  3. Click Install.
  4. After installing, go back to Themes, open Installed Themes, and click Apply.

Method 2: Install using the repository link

  1. Copy the repository link.
  2. Open the Theme Marketplace, then click Install from URL (or press U on your keyboard).
  3. Paste the link and click Install.

Grant permission if prompted.


Install with Stylus

Stylus version will stay at V2.0.6.2 and will not receive further updates.

Stylus Extension is needed.

  1. Click this button below to install.

    Install directly with Stylus

Unfortunately, I’ve decided to discontinue the Stylus theme. Maintaining and porting two separate versions for Stylus and Better Lyrics has become too draining, so it will no longer receive updates.

Previews

Default

Light Preset

Dark Preset

Custom Image

Image: NASA

Background Blur Setting: 0.05

Static Color

Configuration

All the variables are at the top of the CSS. You can tweak colors, fonts, animations, and layout to fit your style.

Compatibility

  • Compatible With Better Lyrics V2.2.0 and later.

License

This theme is licensed under the MIT License, allowing you to use, modify, and redistribute it. If you reuse or fork any part of the theme, please credit the original project and preserve this license notice. Any code snippets borrowed from other themes are already credited within this repository.

Credits

Snippets used in this theme:

The theme is also heavily inspired by “Even Better Lyrics Plus” by Noah & BetterLyrics for Better Lyrics extension.

Thank You ❤️

This CSS was originally based on a theme made by walm-git. Since then, I’ve gone through and studied almost every part of it. Now, it’s almost entirely written by me. Countless hours spent in DevTools, asking ChatGPT for explanations and solutions, studying other people’s code, hunting for hidden elements, dealing with frustration, and killing my back. I’m proud to say this has become the best thing I’ve ever created.

I just want to say thank you to everyone using this theme. I hope you enjoy it and love it as much as I do. Thank you to everyone who has supported this project from the start, to those who commented on my Reddit post, shared kind words, and to the people I credited above.

Thank you.

Sincerely, Cheng

About

A custom YouTube Music CSS theme that sets the background to the current song’s cover art.

Topics

Resources

License

Stars

Watchers

Forks

Languages