{"id":30040054,"url":"https://github.com/catppuccin/youtubemusic","last_synced_at":"2025-08-07T01:56:07.255Z","repository":{"id":63466510,"uuid":"556246570","full_name":"catppuccin/youtubemusic","owner":"catppuccin","description":" 🎧 Soothing pastel theme for YouTube Music","archived":false,"fork":false,"pushed_at":"2025-06-28T13:17:15.000Z","size":6145,"stargazers_count":136,"open_issues_count":3,"forks_count":14,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-06-28T14:24:15.825Z","etag":null,"topics":["catppuccin","dark-theme","hacktoberfest","userscript"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/catppuccin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":"catppuccin","open_collective":"catppuccin"}},"created_at":"2022-10-23T12:12:07.000Z","updated_at":"2025-06-28T13:17:18.000Z","dependencies_parsed_at":"2023-02-17T20:45:42.388Z","dependency_job_id":"5f7559d9-d018-4bd9-a3ce-2b0f1640a0f3","html_url":"https://github.com/catppuccin/youtubemusic","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/catppuccin/youtubemusic","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fyoutubemusic","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fyoutubemusic/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fyoutubemusic/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fyoutubemusic/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/catppuccin","download_url":"https://codeload.github.com/catppuccin/youtubemusic/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fyoutubemusic/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269185774,"owners_count":24374634,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-06T02:00:09.910Z","response_time":99,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["catppuccin","dark-theme","hacktoberfest","userscript"],"created_at":"2025-08-07T01:56:03.434Z","updated_at":"2025-08-07T01:56:07.244Z","avatar_url":"https://github.com/catppuccin.png","language":"CSS","funding_links":["https://github.com/sponsors/catppuccin","https://opencollective.com/catppuccin"],"categories":[],"sub_categories":[],"readme":"\u003ch3 align=\"center\"\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png\" width=\"100\" alt=\"Logo\"/\u003e\u003cbr/\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png\" height=\"30\" width=\"0px\"/\u003e\n\tCatppuccin for \u003ca href=\"https://music.youtube.com\"\u003eYoutube Music\u003c/a\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png\" height=\"30\" width=\"0px\"/\u003e\n\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n\t\u003ca href=\"https://github.com/catppuccin/youtubemusic/stargazers\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/catppuccin/youtubemusic?colorA=363a4f\u0026colorB=b7bdf8\u0026style=for-the-badge\"\u003e\u003c/a\u003e\n\t\u003ca href=\"https://github.com/catppuccin/youtubemusic/issues\"\u003e\u003cimg src=\"https://img.shields.io/github/issues/catppuccin/youtubemusic?colorA=363a4f\u0026colorB=f5a97f\u0026style=for-the-badge\"\u003e\u003c/a\u003e\n\t\u003ca href=\"https://github.com/catppuccin/youtubemusic/contributors\"\u003e\u003cimg src=\"https://img.shields.io/github/contributors/catppuccin/youtubemusic?colorA=363a4f\u0026colorB=a6da95\u0026style=for-the-badge\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"assets/res.webp\"/\u003e\n\u003c/p\u003e\n\n## Previews\n\n\u003cdetails\u003e\n\u003csummary\u003e🌻 Latte\u003c/summary\u003e\n\u003cimg src=\"assets/latte.webp\"/\u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🪴 Frappé\u003c/summary\u003e\n\u003cimg src=\"assets/frappe.webp\"/\u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🌺 Macchiato\u003c/summary\u003e\n\u003cimg src=\"assets/macchiato.webp\"/\u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🌿 Mocha\u003c/summary\u003e\n\u003cimg src=\"assets/mocha.webp\"/\u003e\n\u003c/details\u003e\n\n## Usage\n### [Youtube Music Desktop App (th-ch)](https://github.com/th-ch/youtube-music)\n\n1. Create a new css file with one of the flavour imports below.\n2. Assuming you have the latest build with the theme selection menu, open the app, click `Options \u003e Visual Tweaks \u003e Theme \u003e Import custom CSS file`, and choose the CSS file.\n\n### [Youtube Music Desktop App (ytmdesktop)](https://github.com/ytmdesktop/ytmdesktop)\n\n1. Create a new css file with one of the flavour imports below.\n2. Navigate to Settings \u003e Appearance and enable Custom CSS\n3. In Custom CSS file path, choose the CSS file you created.\n\n### The code (flavor imports)\n\n```css\n/* latte */\n@import url(\"https://youtubemusic.catppuccin.com/src/latte.css\");\n/* frappe */\n@import url(\"https://youtubemusic.catppuccin.com/src/frappe.css\");\n/* macchiato */\n@import url(\"https://youtubemusic.catppuccin.com/src/macchiato.css\");\n/* mocha */\n@import url(\"https://youtubemusic.catppuccin.com/src/mocha.css\");\n\n/* if you want to change the accent color, paste this in aswell and change the hex code - or use one of the predefined colors with var(--ctp-'color') - e.g. var(--ctp-maroon) */\nhtml:not(.style-scope) {\n    --ctp-accent: #f5e0dc !important;\n}\n```\n\n### [Stylus](https://github.com/openstyles/stylus)\n\n1. Install Stylus extension for [Firefox](https://addons.mozilla.org/en-US/firefox/addon/styl-us/), [Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne) or [Opera](https://addons.opera.com/en-gb/extensions/details/stylus/)\n2. Then install with Stylus (click on the link):\n  - [🎧 Catppuccin for Youtube Music](https://github.com/catppuccin/youtubemusic/raw/main/src/youtubemusic.user.css)\n3. Choose your flavor and accent color in the Configure window in Stylus Options\n\n### Overriding Colors\n\nIf you wish to change the default colors, do the following:\n\n#### For [Youtube Music Desktop App (th-ch)](https://github.com/th-ch/youtube-music)\n\nChange the respective colors in the css file you chose to the values you need, for example:\n\n```css\n    --ctp-base: #020202;\n    --ctp-crust: #010101;\n    --ctp-mantle: #000;\n/* OLEDpuccin*/\n```\n\n#### For [Youtube Music Desktop App (ytmdesktop)](https://github.com/ytmdesktop/ytmdesktop) or Stylus\n\nPaste the modified colors at the end of your theme of choice (ytmdesktop), or within `html:not(.style-scope)` (Stylus):\n\n```css\n    --ctp-base: #020202; !important;\n    --ctp-crust: #010101; !important;\n    --ctp-mantle: #000; !important;\n/* OLEDpuccin */\n```\n\nYou can find the references to the available colors you can change in the beginning of any theme CSS file.\n\n## 💝 Thanks to\n\n### Current maintainer\n\n- [kerichdev](https://github.com/kerichdev)\n\n### Contributions\n\n- [Anubis](https://github.com/anubisnekhet)\n- [OceanicSquirrel](https://github.com/OceanicSquirrel)\n- [Sofiedotcafe](https://github.com/sofiedotcafe)\n\n### Previous maintainer\n\n- [rubyowo](https://github.com/rubyowo)\n\n\u0026nbsp;\n\n\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\tCopyright \u0026copy; 2021-present \u003ca href=\"https://github.com/catppuccin\" target=\"_blank\"\u003eCatppuccin Org\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\t\u003ca href=\"https://github.com/catppuccin/catppuccin/blob/main/LICENSE\"\u003e\u003cimg src=\"https://img.shields.io/static/v1.svg?style=for-the-badge\u0026label=License\u0026message=MIT\u0026logoColor=d9e0ee\u0026colorA=363a4f\u0026colorB=b7bdf8\"/\u003e\u003c/a\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcatppuccin%2Fyoutubemusic","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcatppuccin%2Fyoutubemusic","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcatppuccin%2Fyoutubemusic/lists"}