Catppuccin Logo (round)

Catppuccin for youtubemusic

View on GitHub

Previews

Usage

Youtube Music Desktop App (th-ch)

  1. Create a new css file with one of the flavour imports below.
  2. Assuming you have the latest build with the theme selection menu, open the app, click Options > Visual Tweaks > Theme > Import custom CSS file, and choose the CSS file.

Youtube Music Desktop App (ytmdesktop)

  1. Navigate to the settings of the Youtube Music Desktop App.
  2. Go to the appearances tab and turn on custom theme.
  3. Click on the pencil icon to open up the editor window.
  4. Paste in the flavour import for your flavour and press the save button.

The code

/* latte */
@import url("https://catppuccin.github.io/youtubemusic/src/latte.css");
/* frappe */
@import url("https://catppuccin.github.io/youtubemusic/src/frappe.css");
/* macchiato */
@import url("https://catppuccin.github.io/youtubemusic/src/macchiato.css");
/* mocha */
@import url("https://catppuccin.github.io/youtubemusic/src/mocha.css");

/* if you want to change the accent color, paste this in aswell and change the hex code */
html:not(.style-scope) {
    --accentColor: #f5e0dc !important;
}

Stylus

  1. Install Stylus extension for Firefox, Chrome or Opera
  2. Then install with Stylus (click on the link):
  1. Choose your flavor and accent color in the Configure window in Stylus Options

💝 Thanks to