https://github.com/vuon9/youtube-music-theme
Youtube Music theme
https://github.com/vuon9/youtube-music-theme
custom-theme stylesheet youtube-music
Last synced: 12 months ago
JSON representation
Youtube Music theme
- Host: GitHub
- URL: https://github.com/vuon9/youtube-music-theme
- Owner: vuon9
- License: mit
- Created: 2024-03-16T05:34:26.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-16T06:28:55.000Z (over 2 years ago)
- Last Synced: 2025-06-23T01:38:11.496Z (about 1 year ago)
- Topics: custom-theme, stylesheet, youtube-music
- Language: CSS
- Homepage:
- Size: 1.02 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
YouTube Music Theme
Feel better with your YouTube Music experience by using custom theme.
## Previews
### 1. Not Too Orange
🍊 It brings a more neutral look to the app, with a hint of orange. It's not too orange, not too dark like the default of YM.
Screenshots
## Usage
### For app users
- [YouTube Music Desktop App](https://github.com/th-ch/youtube-music)
YouTube Music Desktop App bundled with custom plugins:
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.
3. You may need to refresh the app by `Reload App` (or even `Restart App`) to see the changes.
- [Youtube Music Desktop App (ytmdesktop)](https://github.com/ytmdesktop/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. Copy and paste in the flavour's css file contents for your flavour and press the save button.
### For web users
- [Stylus](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne)
A user styles manager for web development.
- [UserCSS](https://chromewebstore.google.com/detail/user-css/okpjlejfhacmgjkmknjhadmkdbcldfcb)
A quick and easy way to add custom CSS to the current web site.
## Customization
You can customize the theme by editing the CSS file or just clone content to a new one then modify it.
Learn how to use CSS here: [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS)
## Credits
I learned from [catppuccin/youtubemusic](https://github.com/catppuccin/youtubemusic) to build my own themes.