├── .editorconfig ├── .github └── workflows │ └── gh-pages.yml ├── LICENSE ├── README.md ├── assets ├── .gitkeep ├── frappe.webp ├── icons │ ├── frappe-playlist.png │ ├── frappe.png │ ├── frappeplaylistempty.png │ ├── frappeprem1.png │ ├── frappeprem2.png │ ├── frappeprem3.png │ ├── frappepremtitle.png │ ├── latte-playlist.png │ ├── latte.png │ ├── latteplaylistempty.png │ ├── latteprem1.png │ ├── latteprem2.png │ ├── latteprem3.png │ ├── lattepremtitle.png │ ├── macchiato-playlist.png │ ├── macchiato.png │ ├── macchiatoplaylistempty.png │ ├── macchiatoprem1.png │ ├── macchiatoprem2.png │ ├── macchiatoprem3.png │ ├── macchiatopremtitle.png │ ├── mocha-playlist.png │ ├── mocha.png │ ├── mochaplaylistempty.png │ ├── mochaprem1.png │ ├── mochaprem2.png │ ├── mochaprem3.png │ └── mochapremtitle.png ├── latte.webp ├── macchiato.webp ├── mocha.webp └── res.webp ├── justfile ├── src ├── frappe.css ├── latte.css ├── macchiato.css ├── mocha.css └── youtubemusic.user.css └── youtubemusic.tera /.editorconfig: -------------------------------------------------------------------------------- 1 | # EditorConfig helps developers define and maintain consistent 2 | # coding styles between different editors and IDEs 3 | # EditorConfig is awesome: https://EditorConfig.org 4 | 5 | root = true 6 | 7 | [*] 8 | charset = utf-8 9 | indent_size = 2 10 | indent_style = space 11 | end_of_line = lf 12 | insert_final_newline = true 13 | trim_trailing_whitespace = true 14 | 15 | # go 16 | [*.go] 17 | indent_style = tab 18 | indent_size = 4 19 | 20 | # python 21 | [*.{ini,py,py.tpl,rst}] 22 | indent_size = 4 23 | 24 | # rust 25 | [*.rs] 26 | indent_size = 4 27 | 28 | # documentation, utils 29 | [*.{md,mdx,diff}] 30 | trim_trailing_whitespace = false 31 | 32 | # windows shell scripts 33 | [*.{cmd,bat,ps1}] 34 | end_of_line = crlf 35 | -------------------------------------------------------------------------------- /.github/workflows/gh-pages.yml: -------------------------------------------------------------------------------- 1 | on: 2 | workflow_dispatch: 3 | push: 4 | branches: 5 | - "main" 6 | 7 | jobs: 8 | build: 9 | runs-on: "ubuntu-latest" 10 | steps: 11 | - uses: "actions/checkout@v4" 12 | - run: | 13 | mkdir ./gh-pages 14 | cp -r ./src ./gh-pages 15 | - uses: "peaceiris/actions-gh-pages@v3" 16 | with: 17 | enable_jekyll: false 18 | github_token: "${{ secrets.GITHUB_TOKEN }}" 19 | publish_branch: "gh-pages" 20 | publish_dir: "./gh-pages" 21 | user_email: "github-actions[bot]@users.noreply.github.com" 22 | user_name: "github-actions[bot]" 23 | cname: "youtubemusic.catppuccin.com" 24 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Catppuccin 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | Logo
3 | 4 | Catppuccin for Youtube Music 5 | 6 |

7 | 8 |

9 | 10 | 11 | 12 |

13 | 14 |

15 | 16 |

17 | 18 | ## Previews 19 | 20 |
21 | 🌻 Latte 22 | 23 |
24 |
25 | 🪴 Frappé 26 | 27 |
28 |
29 | 🌺 Macchiato 30 | 31 |
32 |
33 | 🌿 Mocha 34 | 35 |
36 | 37 | ## Usage 38 | ### [Youtube Music Desktop App (th-ch)](https://github.com/th-ch/youtube-music) 39 | 40 | 1. Create a new css file with one of the flavour imports below. 41 | 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. 42 | 43 | ### [Youtube Music Desktop App (ytmdesktop)](https://github.com/ytmdesktop/ytmdesktop) 44 | 45 | 1. Create a new css file with one of the flavour imports below. 46 | 2. Navigate to Settings > Appearance and enable Custom CSS 47 | 3. In Custom CSS file path, choose the CSS file you created. 48 | 49 | ### The code (flavor imports) 50 | 51 | ```css 52 | /* latte */ 53 | @import url("https://youtubemusic.catppuccin.com/src/latte.css"); 54 | /* frappe */ 55 | @import url("https://youtubemusic.catppuccin.com/src/frappe.css"); 56 | /* macchiato */ 57 | @import url("https://youtubemusic.catppuccin.com/src/macchiato.css"); 58 | /* mocha */ 59 | @import url("https://youtubemusic.catppuccin.com/src/mocha.css"); 60 | 61 | /* 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) */ 62 | html:not(.style-scope) { 63 | --ctp-accent: #f5e0dc !important; 64 | } 65 | ``` 66 | 67 | ### [Stylus](https://github.com/openstyles/stylus) 68 | 69 | 1. 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/) 70 | 2. Then install with Stylus (click on the link): 71 | - [🎧 Catppuccin for Youtube Music](https://github.com/catppuccin/youtubemusic/raw/main/src/youtubemusic.user.css) 72 | 3. Choose your flavor and accent color in the Configure window in Stylus Options 73 | 74 | ### Overriding Colors 75 | 76 | If you wish to change the default colors, do the following: 77 | 78 | #### For [Youtube Music Desktop App (th-ch)](https://github.com/th-ch/youtube-music) 79 | 80 | Change the respective colors in the css file you chose to the values you need, for example: 81 | 82 | ```css 83 | --ctp-base: #020202; 84 | --ctp-crust: #010101; 85 | --ctp-mantle: #000; 86 | /* OLEDpuccin*/ 87 | ``` 88 | 89 | #### For [Youtube Music Desktop App (ytmdesktop)](https://github.com/ytmdesktop/ytmdesktop) or Stylus 90 | 91 | Paste the modified colors at the end of your theme of choice (ytmdesktop), or within `html:not(.style-scope)` (Stylus): 92 | 93 | ```css 94 | --ctp-base: #020202; !important; 95 | --ctp-crust: #010101; !important; 96 | --ctp-mantle: #000; !important; 97 | /* OLEDpuccin */ 98 | ``` 99 | 100 | You can find the references to the available colors you can change in the beginning of any theme CSS file. 101 | 102 | ## 💝 Thanks to 103 | 104 | ### Current maintainer 105 | 106 | - [kerichdev](https://github.com/kerichdev) 107 | 108 | ### Contributions 109 | 110 | - [Anubis](https://github.com/anubisnekhet) 111 | - [OceanicSquirrel](https://github.com/OceanicSquirrel) 112 | - [Sofiedotcafe](https://github.com/sofiedotcafe) 113 | 114 | ### Previous maintainer 115 | 116 | - [rubyowo](https://github.com/rubyowo) 117 | 118 |   119 | 120 |

121 | 122 |

123 | 124 |

125 | Copyright © 2021-present Catppuccin Org 126 |

127 | 128 |

129 | 130 |

131 | -------------------------------------------------------------------------------- /assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/.gitkeep -------------------------------------------------------------------------------- /assets/frappe.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/frappe.webp -------------------------------------------------------------------------------- /assets/icons/frappe-playlist.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/frappe-playlist.png -------------------------------------------------------------------------------- /assets/icons/frappe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/frappe.png -------------------------------------------------------------------------------- /assets/icons/frappeplaylistempty.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/frappeplaylistempty.png -------------------------------------------------------------------------------- /assets/icons/frappeprem1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/frappeprem1.png -------------------------------------------------------------------------------- /assets/icons/frappeprem2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/frappeprem2.png -------------------------------------------------------------------------------- /assets/icons/frappeprem3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/frappeprem3.png -------------------------------------------------------------------------------- /assets/icons/frappepremtitle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/frappepremtitle.png -------------------------------------------------------------------------------- /assets/icons/latte-playlist.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/latte-playlist.png -------------------------------------------------------------------------------- /assets/icons/latte.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/latte.png -------------------------------------------------------------------------------- /assets/icons/latteplaylistempty.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/latteplaylistempty.png -------------------------------------------------------------------------------- /assets/icons/latteprem1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/latteprem1.png -------------------------------------------------------------------------------- /assets/icons/latteprem2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/latteprem2.png -------------------------------------------------------------------------------- /assets/icons/latteprem3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/latteprem3.png -------------------------------------------------------------------------------- /assets/icons/lattepremtitle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/lattepremtitle.png -------------------------------------------------------------------------------- /assets/icons/macchiato-playlist.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/macchiato-playlist.png -------------------------------------------------------------------------------- /assets/icons/macchiato.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/macchiato.png -------------------------------------------------------------------------------- /assets/icons/macchiatoplaylistempty.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/macchiatoplaylistempty.png -------------------------------------------------------------------------------- /assets/icons/macchiatoprem1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/macchiatoprem1.png -------------------------------------------------------------------------------- /assets/icons/macchiatoprem2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/macchiatoprem2.png -------------------------------------------------------------------------------- /assets/icons/macchiatoprem3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/macchiatoprem3.png -------------------------------------------------------------------------------- /assets/icons/macchiatopremtitle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/macchiatopremtitle.png -------------------------------------------------------------------------------- /assets/icons/mocha-playlist.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/mocha-playlist.png -------------------------------------------------------------------------------- /assets/icons/mocha.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/mocha.png -------------------------------------------------------------------------------- /assets/icons/mochaplaylistempty.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/mochaplaylistempty.png -------------------------------------------------------------------------------- /assets/icons/mochaprem1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/mochaprem1.png -------------------------------------------------------------------------------- /assets/icons/mochaprem2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/mochaprem2.png -------------------------------------------------------------------------------- /assets/icons/mochaprem3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/mochaprem3.png -------------------------------------------------------------------------------- /assets/icons/mochapremtitle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/icons/mochapremtitle.png -------------------------------------------------------------------------------- /assets/latte.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/latte.webp -------------------------------------------------------------------------------- /assets/macchiato.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/macchiato.webp -------------------------------------------------------------------------------- /assets/mocha.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/mocha.webp -------------------------------------------------------------------------------- /assets/res.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/youtubemusic/be737b1362678b34d83f9434011a7cbb44c9470b/assets/res.webp -------------------------------------------------------------------------------- /justfile: -------------------------------------------------------------------------------- 1 | _default: 2 | @just --list 3 | 4 | build: 5 | whiskers youtubemusic.tera 6 | -------------------------------------------------------------------------------- /src/frappe.css: -------------------------------------------------------------------------------- 1 | html:not(.style-scope) 2 | { 3 | --ctp-rosewater: #f2d5cf; 4 | --ctp-flamingo: #eebebe; 5 | --ctp-pink: #f4b8e4; 6 | --ctp-mauve: #ca9ee6; 7 | --ctp-red: #e78284; 8 | --ctp-maroon: #ea999c; 9 | --ctp-peach: #ef9f76; 10 | --ctp-yellow: #e5c890; 11 | --ctp-green: #a6d189; 12 | --ctp-teal: #81c8be; 13 | --ctp-sky: #99d1db; 14 | --ctp-sapphire: #85c1dc; 15 | --ctp-blue: #8caaee; 16 | --ctp-lavender: #babbf1; 17 | --ctp-text: #c6d0f5; 18 | --ctp-subtext1: #b5bfe2; 19 | --ctp-subtext0: #a5adce; 20 | --ctp-overlay2: #949cbb; 21 | --ctp-overlay1: #838ba7; 22 | --ctp-overlay0: #737994; 23 | --ctp-surface2: #626880; 24 | --ctp-surface1: #51576d; 25 | --ctp-surface0: #414559; 26 | --ctp-base: #303446; 27 | --ctp-mantle: #292c3c; 28 | --ctp-crust: #232634; 29 | 30 | --ctp-accent: var(--ctp-mauve); 31 | 32 | --unthemed-yet: inherit !important; 33 | 34 | --yt-spec-commerce-filled-hover: var(--ctp-accent) !important; 35 | } 36 | 37 | i.material-icons 38 | { 39 | color: var(--ctp-text) !important; 40 | } 41 | 42 | i.material-icons:hover 43 | { 44 | color: var(--ctp-text) !important; 45 | } 46 | 47 | body 48 | { 49 | background: var(--ctp-base) !important; 50 | } 51 | 52 | ytmusic-nav-bar 53 | { 54 | background: var(--ctp-mantle) !important; 55 | } 56 | 57 | ytmusic-pivot-bar-item-renderer:hover, ytmusic-pivot-bar-item-renderer.iron-selected 58 | { 59 | color: var(--ctp-accent) !important; 60 | } 61 | 62 | ytmusic-pivot-bar-item-renderer 63 | { 64 | color: var(--ctp-text) !important; 65 | } 66 | 67 | ytmusic-search-box 68 | { 69 | color: var(--ctp-text) !important; 70 | } 71 | 72 | a.ytmusic-content-update-chip 73 | { 74 | color: var(--ctp-base) !important; 75 | background-color: var(--ytmusic-color-grey2) !important; 76 | } 77 | 78 | ytmusic-detail-header-renderer 79 | { 80 | background-color: var(--ctp-base) !important; 81 | } 82 | 83 | .title.ytmusic-detail-header-renderer 84 | { 85 | color: var(--ctp-text) !important; 86 | } 87 | 88 | ytmusic-player-page 89 | { 90 | background-color: var(--ctp-base) !important; 91 | } 92 | 93 | ytmusic-data-bound-header-renderer 94 | { 95 | background-color: var(--ctp-mantle) !important; 96 | } 97 | 98 | ytmusic-list-item-renderer 99 | { 100 | background-color: var(--ctp-base) !important; 101 | } 102 | 103 | ytmusic-responsive-list-item-renderer 104 | { 105 | background-color: var(--ctp-base) !important; 106 | } 107 | 108 | ytmusic-player-queue-item 109 | { 110 | background-color: var(--ctp-base) !important; 111 | } 112 | paper-tab.iron-selected.ytmusic-player-page 113 | { 114 | color: var(--ctp-text) !important; 115 | } 116 | 117 | tp-yt-paper-tab.iron-selected.ytmusic-player-page 118 | { 119 | color: var(--ctp-text) !important; 120 | } 121 | tp-yt-paper-tab.ytmusic-player-page 122 | { 123 | color: var(--ctp-text) !important; 124 | } 125 | 126 | paper-tabs.ytmusic-player-page 127 | { 128 | --paper-tabs-selection-bar-color: var(--ctp-text) !important; 129 | } 130 | 131 | #selectionBar.tp-yt-paper-tabs 132 | { 133 | border-bottom: 2px solid var(--ctp-text) !important; 134 | } 135 | 136 | yt-formatted-string.byline.style-scope.ytmusic-player-queue-item 137 | { 138 | color: var(--ctp-accent) !important; 139 | } 140 | 141 | yt-formatted-string.duration.style-scope.ytmusic-player-queue-item 142 | { 143 | color: var(--ctp-text) !important; 144 | } 145 | 146 | ytmusic-player-bar 147 | { 148 | background: var(--ctp-mantle) !important; 149 | } 150 | 151 | #progress-bar.ytmusic-player-bar 152 | { 153 | --paper-slider-active-color: var(--ctp-accent) !important; 154 | } 155 | 156 | #progress-bar.ytmusic-player-bar[focused], ytmusic-player-bar:hover #progress-bar.ytmusic-player-bar 157 | { 158 | --paper-slider-knob-color: var(--ctp-accent) !important; 159 | --paper-slider-knob-start-color: var(--ctp-accent) !important; 160 | --paper-slider-knob-start-border-color: var(--ctp-accent) !important; 161 | } 162 | 163 | paper-slider#volume-slider 164 | { 165 | --paper-slider-container-color: var(--ctp-text) !important; 166 | --paper-slider-active-color: var(--ctp-text) !important; 167 | --paper-slider-knob-color: var(--ctp-text) !important; 168 | } 169 | 170 | .volume-slider.ytmusic-player-bar, .expand-volume-slider.ytmusic-player-bar 171 | { 172 | --paper-slider-container-color: var(--ctp-text) !important; 173 | --paper-slider-active-color: var(--ctp-text) !important; 174 | --paper-slider-knob-color: var(--ctp-text) !important; 175 | } 176 | 177 | paper-icon-button#play-pause-button 178 | { 179 | --iron-icon-fill-color:var(--ctp-text) !important; 180 | } 181 | 182 | tp-yt-iron-icon#icon 183 | { 184 | --iron-icon-fill-color:var(--ctp-accent) !important; 185 | } 186 | 187 | .left-controls.ytmusic-player-bar paper-icon-button.ytmusic-player-bar, .left-controls.ytmusic-player-bar .spinner-container.ytmusic-player-bar, .toggle-player-page-button.ytmusic-player-bar 188 | { 189 | --iron-icon-fill-color: var(--ctp-text) !important; 190 | } 191 | 192 | .menu.ytmusic-player-bar 193 | { 194 | --iron-icon-fill-color: var(--ctp-text) !important; 195 | } 196 | 197 | .right-controls-buttons.ytmusic-player-bar paper-icon-button.ytmusic-player-bar, ytmusic-player-expanding-menu.ytmusic-player-bar paper-icon-button.ytmusic-player-bar 198 | { 199 | --paper-icon-button_-_color: var(--ctp-text) !important; 200 | } 201 | 202 | .style-scope.yt-icon-button[aria-label="Add to playlist"] 203 | { 204 | color: var(--ctp-text) 205 | } 206 | 207 | .title.ytmusic-carousel-shelf-basic-header-renderer, .title.ytmusic-immersive-header-renderer, .description.ytmusic-immersive-header-renderer 208 | { 209 | color: var(--ctp-text) !important; 210 | } 211 | 212 | div.content-wrapper.style-scope.ytmusic-play-button-renderer 213 | { 214 | background: var(--ctp-text) !important; 215 | } 216 | 217 | ytmusic-subscribe-button-renderer 218 | { 219 | --ytmusic-subscribe-button-color: var(--ctp-red) !important; 220 | } 221 | 222 | yt-button-renderer[is-paper-button] 223 | { 224 | background-color: var(--ctp-accent) !important; 225 | } 226 | 227 | paper-icon-button 228 | { 229 | --paper-icon-button_-_color: var(--ctp-text) !important; 230 | } 231 | 232 | ytmusic-data-bound-top-level-menu-item.ytmusic-data-bound-menu-renderer:not(:first-child) 233 | { 234 | --yt-button-color: var(--ctp-text) !important; 235 | border: 1px solid var(--ctp-text) !important; 236 | border-radius: 5px !important; 237 | } 238 | 239 | #top-level-buttons.ytmusic-menu-renderer > .outline-button.ytmusic-menu-renderer, .edit-playlist-button.ytmusic-menu-renderer, ytmusic-toggle-button-renderer.ytmusic-menu-renderer 240 | { 241 | --yt-button-color: var(--ctp-base) !important; 242 | border: 0px solid var(--ctp-base) !important; 243 | } 244 | 245 | yt-icon.ytmusic-inline-badge-renderer 246 | { 247 | color: var(--ctp-text) !important; 248 | } 249 | 250 | .title.ytmusic-carousel-shelf-basic-header-renderer, .title.ytmusic-immersive-header-renderer, .description.ytmusic-immersive-header-renderer 251 | { 252 | color: var(--ctp-text) !important; 253 | } 254 | 255 | .title.ytmusic-header-renderer 256 | { 257 | color: var(--ctp-text) !important; 258 | } 259 | 260 | yt-formatted-string.strapline.text.style-scope.ytmusic-carousel-shelf-basic-header-renderer 261 | { 262 | color: var(--ctp-text) !important; 263 | } 264 | 265 | yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string 266 | { 267 | color: var(--ctp-text) !important; 268 | } 269 | 270 | yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:hover 271 | { 272 | color: var(--ctp-text) !important; 273 | } 274 | 275 | .previous-items-button.ytmusic-carousel, .next-items-button.ytmusic-carousel 276 | { 277 | background-color: var(--ctp-accent) !important; 278 | color: var(--ctp-base) !important; 279 | } 280 | 281 | .content-wrapper.ytmusic-play-button-renderer, ytmusic-play-button-renderer:hover .content-wrapper.ytmusic-play-button-renderer, ytmusic-play-button-renderer:focus .content-wrapper.ytmusic-play-button-renderer 282 | { 283 | background: var(--ctp-accent) !important; 284 | --ytmusic-play-button-icon-color: var(--ctp-base) !important; 285 | --paper-spinner-color: var(--yt-spec-themed-blue) !important; 286 | } 287 | 288 | yt-icon.icon.style-scope.ytmusic-play-button-renderer { 289 | fill: var(--ctp-base) !important; 290 | } 291 | 292 | .watch-button .yt-spec-button-shape-next__icon > yt-icon 293 | { 294 | fill: var(--ctp-base) !important; 295 | } 296 | 297 | .play-button .yt-spec-button-shape-next__icon > yt-icon 298 | { 299 | fill: var(--ctp-base) !important; 300 | } 301 | 302 | .radio-button .yt-spec-button-shape-next__icon > yt-icon 303 | { 304 | fill: var(--ctp-base) !important; 305 | } 306 | 307 | ytmusic-tabs.stuck { 308 | background-color: var(--ctp-mantle) !important; 309 | } 310 | 311 | paper-icon-button.ytmusic-like-button-renderer 312 | { 313 | color: var(--ctp-text) !important; 314 | } 315 | 316 | .dropdown-content 317 | { 318 | background-color: var(--ctp-base) !important; 319 | } 320 | 321 | yt-formatted-string.title.style-scope.ytmusic-two-row-item-renderer 322 | { 323 | color: var(--ctp-text) !important; 324 | } 325 | 326 | yt-formatted-string.song-title.style-scope.ytmusic-player-queue-item 327 | { 328 | color: var(--ctp-text) !important; 329 | } 330 | 331 | yt-formatted-string.title.style-scope.ytmusic-player-bar 332 | { 333 | color: var(--ctp-text) !important; 334 | } 335 | 336 | span.time-info.style-scope.ytmusic-player-bar 337 | { 338 | color: var(--ctp-text) !important; 339 | } 340 | 341 | yt-formatted-string#description.description.style-scope.ytmusic-detail-header-renderer 342 | { 343 | color: var(--ctp-text) !important; 344 | } 345 | 346 | yt-formatted-string#text.style-scope.yt-button-renderer.style-default 347 | { 348 | color: var(--ctp-base) !important; 349 | } 350 | 351 | yt-formatted-string#text.style-scope.yt-button-renderer.style-text 352 | { 353 | color: var(--ctp-base) !important; 354 | } 355 | 356 | tp-yt-paper-toast#toast.toast-button.style-scope.yt-notification-action-renderer.paper-toast-open 357 | { 358 | /* like button */ 359 | } 360 | 361 | div#icon.tab-icon.style-scope.paper-icon-button.navigation-icon 362 | { 363 | color: var(--ctp-text) !important; 364 | } 365 | 366 | tp-yt-iron-icon#icon.style-scope.tp-yt-paper-icon-button 367 | { 368 | color: var(--ctp-accent) !important; 369 | } 370 | 371 | div.style-scope.ytmusic-pivot-bar-renderer.navigation-item 372 | { 373 | --yt-endpoint-color: var(--ctp-accent) !important; 374 | --yt-endpoint-hover-color: var(--ctp-accent) !important; 375 | --yt-endpoint-visited-color: var(--ctp-accent) !important; 376 | } 377 | 378 | a.yt-simple-endpoint.style-scope.ytmusic-chip-cloud-chip-renderer 379 | { 380 | color: var(--ctp-text) !important; 381 | background-color: var(--ctp-mantle) !important; 382 | } 383 | 384 | div.label.style-scope.ytmusic-nerd-stats 385 | { 386 | color: var(--ctp-text) !important; 387 | } 388 | 389 | ytmusic-nerd-stats.style-scope.ytmusic-player-bar{ 390 | color: var(--ctp-text) !important; 391 | background-color: var(--ctp-base) !important; 392 | } 393 | 394 | div.song-media-controls.style-scope.ytmusic-player 395 | { 396 | color: var(--ctp-text) !important; 397 | } 398 | 399 | div#header.style-scope.ytmusic-item-section-renderer 400 | { 401 | background-color: var(--ctp-base) !important; 402 | } 403 | 404 | a.yt-simple-endpoint.style-scope.yt-formatted-string 405 | { 406 | color: var(--ctp-text) !important; 407 | } 408 | 409 | yt-formatted-string.fixed-column.MUSIC_RESPONSIVE_LIST_ITEM_COLUMN_DISPLAY_PRIORITY_HIGH.style-scope.ytmusic-responsive-list-item-renderer 410 | { 411 | color: var(--ctp-accent) !important; 412 | } 413 | 414 | yt-formatted-string.subtitle.style-scope.ytmusic-detail-header-renderer 415 | { 416 | color: var(--ctp-text) !important; 417 | } 418 | 419 | yt-formatted-string.second-subtitle.style-scope.ytmusic-detail-header-renderer 420 | { 421 | color: var(--ctp-text) !important; 422 | } 423 | 424 | ytmusic-like-button-renderer.style-scope.ytmusic-menu-renderer 425 | { 426 | color: var(--ctp-accent) !important; 427 | } 428 | 429 | tp-yt-paper-icon-button.ytmusic-like-button-renderer 430 | { 431 | color: var(--ctp-accent) !important; 432 | } 433 | 434 | yt-icon.icon.style-scope.ytmusic-menu-service-item-renderer 435 | { 436 | color: var(--ctp-accent) !important; 437 | fill: var(--ctp-accent) !important; 438 | } 439 | 440 | div#navigation-endpoint.yt-simple-endpoint.style-scope.ytmusic-menu-navigation-item-renderer 441 | { 442 | color: var(--ctp-text) !important; 443 | } 444 | 445 | tp-yt-paper-listbox#items.style-scope.ytmusic-menu-popup-renderer 446 | { 447 | color: var(--ctp-mantle) !important; 448 | background-color: var(--ctp-mantle) !important; 449 | border: 1px solid var(--ctp-surface0) !important; 450 | } 451 | 452 | yt-formatted-string.text.style-scope.ytmusic-menu-service-item-renderer 453 | { 454 | color: var(--ctp-text) !important; 455 | } 456 | 457 | yt-formatted-string.text.style-scope.ytmusic-menu-navigation-item-renderer 458 | { 459 | color: var(--ctp-text) !important; 460 | } 461 | 462 | div#ytmcustom-pip.text.style-scope.ytmusic-menu-navigation-item-renderer 463 | { 464 | color: var(--ctp-text) !important; 465 | } 466 | 467 | div#ytmcustom-download.text.style-scope.ytmusic-menu-navigation-item-renderer 468 | { 469 | color: var(--ctp-text) !important; 470 | } 471 | 472 | span.style-scope.yt-formatted-string 473 | { 474 | color: var(--ctp-text) !important; 475 | } 476 | 477 | g#XMLID_11_.st0 478 | { 479 | color: var(--ctp-accent) !important; 480 | } 481 | 482 | div.icon.menu-icon.style-scope.ytmusic-menu-navigation-item-renderer 483 | { 484 | fill: var(--ctp-accent) !important; 485 | stroke: var(--ctp-accent) !important; 486 | } 487 | 488 | h2.form-title.style-scope.ytmusic-playlist-form 489 | { 490 | color: var(--ctp-text) !important; 491 | } 492 | 493 | tp-yt-paper-tab.style-scope.ytmusic-playlist-form.iron-selected 494 | { 495 | color: var(--ctp-accent) !important; 496 | } 497 | 498 | div.tab-content.style-scope.tp-yt-paper-tab 499 | { 500 | color: var(--ctp-text) !important; 501 | } 502 | 503 | div.content.style-scope.ytmusic-playlist-form 504 | { 505 | caret-color: var(--ctp-accent) !important; 506 | background-color: var(--ctp-base) !important; 507 | color: var(--ctp-base) !important; 508 | } 509 | 510 | div#player-bar-background.style-scope.ytmusic-app-layout 511 | { 512 | background-color: var(--ctp-base) !important; 513 | } 514 | 515 | yt-formatted-string.subtitle.style-scope.ytmusic-two-row-item-renderer 516 | { 517 | color: var(--ctp-text) !important; 518 | } 519 | 520 | button.style-scope.ytmusic-navigation-button-renderer 521 | { 522 | background: var(--ctp-mantle) !important; 523 | color: var(--ctp-text) !important; 524 | } 525 | 526 | ytmusic-navigation-button-renderer.style-scope.ytmusic-carousel 527 | { 528 | --ytmusic-navigation-button-left-stripe-color: var(--ctp-accent) !important; 529 | } 530 | 531 | yt-icon.ytmusic-navigation-button-renderer 532 | { 533 | color: var(--ctp-accent) !important; 534 | } 535 | 536 | yt-icon.style-scope.ytmusic-icon-link-renderer 537 | { 538 | fill: var(--ctp-accent) !important; 539 | } 540 | 541 | tp-yt-iron-icon.chromecast.style-scope.ytmusic-cast-button 542 | { 543 | fill: var(--ctp-accent) !important; 544 | } 545 | 546 | tp-yt-paper-toast 547 | { 548 | background: var(--ctp-mantle) !important; 549 | color: var(--ctp-text) !important; 550 | } 551 | 552 | ytd-multi-page-menu-renderer.style-scope.ytmusic-popup-container 553 | { 554 | color: var(--ctp-text) !important; 555 | background-color: var(--ctp-base) !important; 556 | } 557 | 558 | ytd-active-account-header-renderer.style-scope.ytd-multi-page-menu-renderer 559 | { 560 | color: var(--ctp-text) !important; 561 | background-color: var(--ctp-base) !important; 562 | } 563 | 564 | yt-formatted-string#account-name.style-scope.ytd-active-account-header-renderer 565 | { 566 | color: var(--ctp-text) !important; 567 | } 568 | 569 | yt-formatted-string#channel-handle.style-scope.ytd-active-account-header-renderer 570 | { 571 | color: var(--ctp-accent) !important; 572 | } 573 | 574 | yt-icon.ytd-compact-link-renderer 575 | { 576 | color: var(--ctp-accent) !important; 577 | } 578 | 579 | yt-formatted-string.style-scope.ytmusic-shelf-renderer 580 | { 581 | color: var(--ctp-text) !important; 582 | } 583 | 584 | yt-formatted-string.style-scope.ytmusic-menu-service-item-download-renderer 585 | { 586 | color: var(--ctp-text) !important; 587 | } 588 | 589 | yt-formatted-string.strapline.style-scope.ytmusic-shelf-renderer 590 | { 591 | color: var(--ctp-text) !important; 592 | } 593 | 594 | ytmusic-search-box[has-query] input.ytmusic-search-box 595 | { 596 | color: var(--ctp-text) !important; 597 | } 598 | 599 | ytmusic-search-box[opened] input.ytmusic-search-box 600 | { 601 | color: var(--ctp-text) !important; 602 | } 603 | 604 | div.background-gradient.style-scope.ytmusic-browse-response 605 | { 606 | background-image: linear-gradient(to bottom, var(--ctp-base), var(--ctp-base)) !important; 607 | } 608 | 609 | ytmusic-search-suggestion 610 | { 611 | color: var(--ctp-text) !important; 612 | background: var(--ctp-mantle) !important; 613 | --iron-icon-fill-color: var(--ctp-accent) !important; 614 | } 615 | 616 | ytmusic-background-promo-renderer[renderer-style="full-height"] 617 | { 618 | background: none !important; 619 | } 620 | 621 | ytmusic-background-promo-renderer[renderer-style="full-height"] .promo-title.ytmusic-background-promo-renderer:not([hidden]) 622 | { 623 | color: var(--ctp-text) !important; 624 | } 625 | 626 | ytmusic-search-box[is-bauhaus-sidenav-enabled] #suggestion-list.ytmusic-search-box 627 | { 628 | background: var(--ctp-mantle) !important; 629 | } 630 | 631 | a.yt-simple-endpoint.style-scope.ytmusic-responsive-list-item-renderer 632 | { 633 | color: var(--ctp-text) !important; 634 | } 635 | 636 | ytmusic-search-suggestions-section.style-scope.ytmusic-search-box 637 | { 638 | background: var(--ctp-mantle) !important; 639 | } 640 | 641 | div.search-box.style-scope.ytmusic-search-box 642 | { 643 | background: var(--ctp-mantle) !important; 644 | } 645 | 646 | yt-page-navigation-progress.style-scope.ytmusic-app 647 | { 648 | --yt-page-navigation-container-color: var(--ctp-base) !important; 649 | --yt-page-navigation-progress-color: var(--ctp-accent) !important; 650 | } 651 | 652 | tp-yt-paper-progress#sliderBar.style-scope.tp-yt-paper-slider 653 | { 654 | color: var(--ctp-mantle) !important; 655 | } 656 | 657 | tp-yt-paper-slider#progress-bar.style-scope.ytmusic-player-bar 658 | { 659 | --paper-slider-secondary-color: var(--ctp-crust) !important; 660 | --paper-slider-container-color: var(--ctp-mantle) !important; 661 | } 662 | 663 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/music/listening_review/HOME_RECAP_SHELF_AVATAR_BLACK_60x60.png"] 664 | { 665 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/frappe.png") !important; 666 | } 667 | 668 | ytmusic-player-expanding-menu#expanding-menu.style-scope.ytmusic-player-bar 669 | { 670 | background-color: var(--ctp-mantle) !important; 671 | } 672 | 673 | yt-icon.icon.style-scope.ytmusic-menu-navigation-item-renderer 674 | { 675 | fill: var(--ctp-accent) !important; 676 | } 677 | 678 | yt-formatted-string.text.style-scope.ytmusic-toggle-menu-service-item-renderer 679 | { 680 | color: var(--ctp-text) !important; 681 | } 682 | 683 | yt-icon.icon.style-scope.ytmusic-toggle-menu-service-item-renderer 684 | { 685 | fill: var(--ctp-accent) !important; 686 | } 687 | 688 | yt-icon.ytmusic-menu-service-item-download-renderer 689 | { 690 | fill: var(--ctp-accent) !important; 691 | } 692 | 693 | yt-formatted-string#label.style-scope.ytd-compact-link-renderer 694 | { 695 | color: var(--ctp-text) !important; 696 | } 697 | 698 | ytmusic-upload-ineligible.style-scope.ytmusic-dialog 699 | { 700 | background-color: var(--ctp-base) !important; 701 | } 702 | 703 | div.title.style-scope.ytmusic-upload-ineligible 704 | { 705 | color: var(--ctp-text) !important; 706 | } 707 | 708 | div.message.style-scope.ytmusic-upload-ineligible 709 | { 710 | color: var(--ctp-text) !important; 711 | } 712 | 713 | a.style-scope.ytmusic-upload-ineligible 714 | { 715 | color: var(--ctp-accent) !important; 716 | } 717 | 718 | tp-yt-paper-button.switch-accounts.style-scope.ytmusic-upload-ineligible 719 | { 720 | color: var(--ctp-text) !important; 721 | } 722 | 723 | tp-yt-paper-button.dismiss.style-scope.ytmusic-upload-ineligible 724 | { 725 | color: var(--ctp-text) !important; 726 | } 727 | 728 | ytmusic-settings-page.style-scope.ytmusic-dialog 729 | { 730 | background-color: var(--ctp-base) !important; 731 | color: var(--ctp-text) !important; 732 | } 733 | 734 | ytmusic-settings-category-collection-renderer.style-scope.ytmusic-settings-page 735 | { 736 | border: 1px var(--ctp-accent) solid !important; 737 | } 738 | 739 | yt-formatted-string.title.style-scope.ytmusic-settings-page 740 | { 741 | color: var(--ctp-text) !important; 742 | } 743 | 744 | span.dialog-title.style-scope.ytmusic-settings-page 745 | { 746 | color: var(--ctp-text) !important; 747 | } 748 | 749 | yt-icon.icon.style-scope.ytmusic-settings-page 750 | { 751 | color: var(--ctp-accent) !important; 752 | } 753 | 754 | yt-formatted-string.summary.style-scope.ytmusic-setting-read-only-item-renderer 755 | { 756 | color: var(--ctp-text) !important; 757 | } 758 | 759 | yt-formatted-string.title.style-scope.ytmusic-setting-read-only-item-renderer 760 | { 761 | color: var(--ctp-text) !important; 762 | } 763 | 764 | yt-formatted-string.summary.style-scope.ytmusic-setting-boolean-renderer 765 | { 766 | color: var(--ctp-text) !important; 767 | } 768 | 769 | yt-formatted-string.title.style-scope.ytmusic-setting-boolean-renderer 770 | { 771 | color: var(--ctp-text) !important; 772 | } 773 | 774 | tp-yt-paper-item.category-menu-item.style-scope.ytmusic-settings-page.iron-selected 775 | { 776 | background-color: var(--ctp-crust) !important; 777 | } 778 | 779 | yt-formatted-string.tab.style-scope.ytmusic-item-section-tab-renderer 780 | { 781 | color: var(--ctp-text) !important; 782 | } 783 | 784 | ytmusic-item-section-tab-renderer.iron-selected .tab.ytmusic-item-section-tab-renderer 785 | { 786 | color: var(--ctp-text) !important; 787 | border-bottom: 2px solid var(--ctp-text) !important; 788 | } 789 | 790 | ytmusic-item-section-tabs-container.style-scope.ytmusic-item-section-tabbed-header-renderer 791 | { 792 | color: var(--ctp-text) !important; 793 | } 794 | 795 | div#end-items.style-scope.ytmusic-item-section-tabbed-header-renderer 796 | { 797 | border-top: 1px solid var(--ctp-base) !important; 798 | } 799 | 800 | ytmusic-dropdown-item-renderer.style-scope.ytmusic-dropdown-renderer 801 | { 802 | background-color: var(--ctp-base) !important; 803 | color: var(--ctp-text) !important; 804 | } 805 | 806 | ytmusic-dropdown-item-renderer.style-scope.ytmusic-dropdown-renderer.iron-selected 807 | { 808 | background-color: var(--ctp-mantle) !important; 809 | color: var(--ctp-text) !important; 810 | } 811 | 812 | yt-formatted-string.label.style-scope.ytmusic-dropdown-item-renderer 813 | { 814 | color: var(--ctp-text) !important; 815 | } 816 | 817 | ytmusic-dropdown-renderer.style-scope.ytmusic-item-section-tabbed-header-renderer 818 | { 819 | color: var(--ctp-text) !important; 820 | background-color: var(--ctp-base) !important; 821 | border: 1px solid var(--ctp-accent) !important; 822 | } 823 | 824 | input.style-scope.tp-yt-paper-input 825 | { 826 | color: var(--ctp-text) !important; 827 | } 828 | 829 | yt-formatted-string.flex-column.style-scope.ytmusic-responsive-list-item-renderer 830 | { 831 | color: var(--ctp-text) !important; 832 | } 833 | 834 | yt-formatted-string.title.style-scope.ytmusic-responsive-list-item-renderer 835 | { 836 | color: var(--ctp-text) !important; 837 | } 838 | 839 | yt-icon.tab-icon.style-scope.ytmusic-message-renderer 840 | { 841 | color: var(--ctp-text) !important; 842 | } 843 | 844 | yt-formatted-string.text.style-scope.ytmusic-message-renderer 845 | { 846 | color: var(--ctp-text) !important; 847 | } 848 | 849 | yt-formatted-string.subtext.style-scope.ytmusic-message-renderer 850 | { 851 | color: var(--ctp-text) !important; 852 | } 853 | 854 | div#header.style-scope.ytmusic-item-section-renderer 855 | { 856 | border-bottom: 1px solid var(--ctp-base) !important; 857 | box-shadow: none !important; 858 | } 859 | 860 | ytmusic-background-overlay-renderer#background.style-scope.ytmusic-item-thumbnail-overlay-renderer 861 | { 862 | --ytmusic-background-overlay-background: linear-gradient(var(--ctp-base), #00000000) !important; 863 | } 864 | 865 | yt-formatted-string#suggestion-cell-0x0.title.style-scope.ytmusic-search-suggestion 866 | { 867 | color: var(--ctp-text) !important; 868 | } 869 | 870 | yt-formatted-string#suggestion-cell-1x0.title.style-scope.ytmusic-search-suggestion 871 | { 872 | color: var(--ctp-text) !important; 873 | } 874 | 875 | yt-formatted-string#suggestion-cell-2x0.title.style-scope.ytmusic-search-suggestion 876 | { 877 | color: var(--ctp-text) !important; 878 | } 879 | 880 | yt-formatted-string#suggestion-cell-3x0.title.style-scope.ytmusic-search-suggestion 881 | { 882 | color: var(--ctp-text) !important; 883 | } 884 | 885 | ytmusic-search-box.style-scope.ytmusic-nav-bar 886 | { 887 | border: 1px solid var(--ctp-mantle) !important; 888 | } 889 | 890 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/youtube/media/ytm/images/pbg/create-playlist-@210.png"] 891 | { 892 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/frappe-playlist.png") !important; 893 | } 894 | 895 | ytmusic-tabs#tabs.style-scope.ytmusic-tabbed-search-results-renderer.stuck 896 | { 897 | background-color: var(--ctp-base) !important; 898 | box-shadow: none !important; 899 | } 900 | 901 | div#tabs.tab-container.style-scope.ytmusic-tabs 902 | { 903 | border-bottom: none !important; 904 | } 905 | 906 | yt-formatted-string.tab.selected.style-scope.ytmusic-tabs 907 | { 908 | color: var(--ctp-text) !important; 909 | border-bottom: 2px solid var(--ctp-text) !important; 910 | } 911 | 912 | yt-formatted-string.tab.style-scope.ytmusic-tabs 913 | { 914 | color: var(--ctp-text) !important; 915 | } 916 | 917 | span.italic.style-scope.yt-formatted-string 918 | { 919 | color: var(--ctp-accent) !important; 920 | } 921 | 922 | yt-formatted-string#corrected.style-scope.yt-search-query-correction 923 | { 924 | color: var(--ctp-text) !important; 925 | } 926 | 927 | ytmusic-chip-cloud-chip-renderer[enable-bauhaus-style][chip-style=STYLE_LARGE_TRANSLUCENT_AND_SELECTED_WHITE][is-selected]:not(.iron-selected) a.ytmusic-chip-cloud-chip-renderer 928 | { 929 | border: 1px solid var(--ctp-accent) !important; 930 | } 931 | 932 | yt-formatted-string.title.style-scope.ytmusic-visual-header-renderer 933 | { 934 | color: var(--ctp-text) !important; 935 | } 936 | 937 | yt-formatted-string#text.style-scope.yt-button-renderer.style-dark-on-white 938 | { 939 | color: var(--ctp-base) !important; 940 | } 941 | 942 | div.gradient-container.style-scope.ytmusic-visual-header-renderer 943 | { 944 | background: var(--ctp-base) !important; 945 | } 946 | 947 | tp-yt-paper-icon-button#next-items-button.next-items-button.style-scope.ytmusic-carousel-shelf-renderer 948 | { 949 | border: solid 1px var(--ctp-accent) !important; 950 | } 951 | 952 | tp-yt-paper-icon-button#previous-items-button.previous-items-button.style-scope.ytmusic-carousel-shelf-renderer 953 | { 954 | border: solid 1px var(--ctp-accent) !important; 955 | } 956 | 957 | tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-bar.tp-yt-paper-toggle-button 958 | { 959 | background-color: var(--ctp-accent) !important; 960 | } 961 | 962 | tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-button.tp-yt-paper-toggle-button 963 | { 964 | background-color: var(--ctp-accent) !important; 965 | } 966 | 967 | .toggle-bar.tp-yt-paper-toggle-button 968 | { 969 | background-color: var(--ctp-text) !important; 970 | } 971 | 972 | .toggle-button.tp-yt-paper-toggle-button 973 | { 974 | background-color: var(--ctp-text) !important; 975 | } 976 | 977 | .items.ytmusic-setting-category-collection-renderer>*.ytmusic-setting-category-collection-renderer 978 | { 979 | border-bottom: none !important; 980 | } 981 | 982 | .top-bar.ytmusic-settings-page 983 | { 984 | border-bottom: none; 985 | } 986 | 987 | div.style-scope.ytmusic-setting-single-option-menu-renderer 988 | { 989 | color: var(--ctp-text) !important; 990 | } 991 | 992 | span.style-scope.ytmusic-setting-single-option-menu-renderer 993 | { 994 | color: var(--ctp-text) !important; 995 | } 996 | 997 | div.unfocused-line.style-scope.tp-yt-paper-input-container 998 | { 999 | background-color: var(--ctp-text) !important; 1000 | } 1001 | 1002 | .focused-line.tp-yt-paper-input-container 1003 | { 1004 | border-color: var(--ctp-accent) !important; 1005 | } 1006 | 1007 | tp-yt-iron-icon.style-scope.tp-yt-paper-dropdown-menu 1008 | { 1009 | color: var(--ctp-text) !important; 1010 | } 1011 | 1012 | ytd-multi-page-menu-renderer.style-scope.ytd-multi-page-menu-renderer 1013 | { 1014 | background: var(--ctp-base) !important; 1015 | } 1016 | 1017 | ytd-simple-menu-header-renderer.style-scope.ytd-multi-page-menu-renderer 1018 | { 1019 | background-color: var(--ctp-base) !important; 1020 | } 1021 | 1022 | yt-icon.style-scope.ytd-button-renderer 1023 | { 1024 | fill: var(--ctp-text) !important; 1025 | } 1026 | 1027 | yt-formatted-string.style-scope.ytd-simple-menu-header-renderer 1028 | { 1029 | color: var(--ctp-text) !important; 1030 | } 1031 | 1032 | yt-formatted-string#email.style-scope.ytd-google-account-header-renderer 1033 | { 1034 | color: var(--ctp-text) !important; 1035 | } 1036 | 1037 | yt-formatted-string#name.style-scope.ytd-google-account-header-renderer 1038 | { 1039 | color: var(--ctp-text) !important; 1040 | } 1041 | 1042 | yt-formatted-string.style-scope.ytd-account-item-renderer 1043 | { 1044 | color: var(--ctp-text) !important; 1045 | } 1046 | 1047 | yt-formatted-string.style-scope.ytd-account-item-section-header-renderer 1048 | { 1049 | color: var(--ctp-text) !important; 1050 | } 1051 | 1052 | ytd-account-item-renderer[enable-ring-for-active-account] yt-img-shadow.ytd-account-item-renderer 1053 | { 1054 | border: 2px solid var(--ctp-accent) !important; 1055 | } 1056 | 1057 | ytmusic-player[player-ui-state_=MINIPLAYER] .song-media-controls.ytmusic-player 1058 | { 1059 | background: linear-gradient(var(--ctp-base) 20%, #00000000 100%) !important; 1060 | } 1061 | 1062 | #thumbnail-corner-overlay.ytmusic-two-row-item-renderer>ytmusic-thumbnail-renderer.ytmusic-two-row-item-renderer 1063 | { 1064 | color: var(--ctp-text) !important; 1065 | border: 1px solid var(--ctp-text) !important; 1066 | } 1067 | 1068 | .container.ytmusic-custom-index-column-renderer 1069 | { 1070 | color: var(--ctp-text) !important; 1071 | } 1072 | 1073 | ytmusic-custom-index-column-renderer[icon-color-style=CUSTOM_INDEX_COLUMN_ICON_COLOR_STYLE_GREY] .icon.ytmusic-custom-index-column-renderer 1074 | { 1075 | color: var(--ctp-text) !important; 1076 | } 1077 | 1078 | ytmusic-custom-index-column-renderer[icon-color-style=CUSTOM_INDEX_COLUMN_ICON_COLOR_STYLE_GREEN] .icon.ytmusic-custom-index-column-renderer 1079 | { 1080 | color: var(--ctp-green) !important; 1081 | } 1082 | 1083 | ytmusic-custom-index-column-renderer[icon-color-style=CUSTOM_INDEX_COLUMN_ICON_COLOR_STYLE_RED] .icon.ytmusic-custom-index-column-renderer 1084 | { 1085 | color: var(--ctp-red) !important; 1086 | } 1087 | 1088 | button#button.style-scope.ytmusic-sort-filter-button-renderer 1089 | { 1090 | color: var(--ctp-text) !important; 1091 | background-color: var(--ctp-base) !important; 1092 | border: 1px solid var(--ctp-accent) !important; 1093 | } 1094 | 1095 | #container.ytmusic-multi-select-menu-renderer 1096 | { 1097 | border: 1px solid var(--ctp-accent) !important; 1098 | background: var(--ctp-base) !important; 1099 | } 1100 | 1101 | #items.ytmusic-multi-select-menu-renderer 1102 | { 1103 | background: var(--ctp-base) !important; 1104 | } 1105 | 1106 | yt-formatted-string.text.style-scope.ytmusic-menu-title-renderer 1107 | { 1108 | color: var(--ctp-text) !important; 1109 | } 1110 | 1111 | yt-formatted-string.text.style-scope.ytmusic-multi-select-menu-item-renderer 1112 | { 1113 | color: var(--ctp-text) !important; 1114 | } 1115 | 1116 | .title.ytmusic-setting-action-renderer 1117 | { 1118 | color: var(--ctp-text) !important; 1119 | } 1120 | 1121 | .summary.ytmusic-setting-action-renderer 1122 | { 1123 | color: var(--ctp-text) !important; 1124 | } 1125 | 1126 | yt-formatted-string.primary-text.style-scope.ytmusic-tastebuilder-renderer 1127 | { 1128 | color: var(--ctp-text) !important; 1129 | } 1130 | 1131 | yt-formatted-string.secondary-text.style-scope.ytmusic-tastebuilder-renderer 1132 | { 1133 | color: var(--ctp-text) !important; 1134 | } 1135 | 1136 | yt-formatted-string.primary-text.style-scope.ytmusic-tastebuilder-item-renderer 1137 | { 1138 | color: var(--ctp-text) !important; 1139 | } 1140 | 1141 | div.overlay-effect.style-scope.ytmusic-tastebuilder-item-renderer 1142 | { 1143 | background: linear-gradient(var(--ctp-base) 0%, #00000000 100%) !important; 1144 | color: var(--ctp-base) !important; 1145 | } 1146 | 1147 | yt-icon.ytmusic-tastebuilder-item-renderer 1148 | { 1149 | color: var(--ctp-text) !important; 1150 | } 1151 | 1152 | yt-button-renderer #button.yt-button-renderer 1153 | { 1154 | color: var(--ctp-base) !important; 1155 | } 1156 | 1157 | .buttons.ytmusic-tastebuilder-renderer 1158 | { 1159 | background: var(--ctp-mantle) !important; 1160 | } 1161 | 1162 | input.ytmusic-search-box, #placeholder.ytmusic-search-box 1163 | { 1164 | color: var(--ctp-text) !important; 1165 | } 1166 | 1167 | ytmusic-toggle-button-renderer #button.ytmusic-toggle-button-renderer 1168 | { 1169 | color: var(--ctp-text) !important; 1170 | } 1171 | 1172 | ytmusic-responsive-list-item-renderer[show-checkbox] yt-checkbox-renderer.ytmusic-responsive-list-item-renderer 1173 | { 1174 | --yt-spec-text-primary: var(--ctp-accent) !important; 1175 | } 1176 | 1177 | #input::placeholder 1178 | { 1179 | color: var(--ctp-text) !important; 1180 | } 1181 | 1182 | yt-formatted-string.non-expandable.description.style-scope.ytmusic-description-shelf-renderer 1183 | { 1184 | color: var(--ctp-text) !important; 1185 | } 1186 | 1187 | yt-formatted-string.footer.style-scope.ytmusic-description-shelf-renderer 1188 | { 1189 | color: var(--ctp-text) !important; 1190 | } 1191 | 1192 | tp-yt-paper-icon-button.ytmusic-settings-button 1193 | { 1194 | background-color: var(--ctp-text) !important; 1195 | } 1196 | 1197 | yt-img-shadow#avatar.style-scope.ytd-active-account-header-renderer.no-transition 1198 | { 1199 | background-color: var(--ctp-text) !important; 1200 | } 1201 | 1202 | yt-multi-page-menu-section-renderer.style-scope.ytd-multi-page-menu-renderer 1203 | { 1204 | border-bottom: none !important; 1205 | } 1206 | 1207 | ytd-active-account-header-renderer.style-scope.ytd-multi-page-menu-renderer 1208 | { 1209 | border-bottom: none !important; 1210 | } 1211 | 1212 | ytd-multi-page-menu-renderer.style-scope.ytmusic-popup-container 1213 | { 1214 | border: 1px solid var(--ctp-surface0) !important; 1215 | } 1216 | 1217 | ytd-multi-page-menu-renderer 1218 | { 1219 | border-radius: 5px !important; 1220 | } 1221 | 1222 | ytmusic-setting-category-collection-renderer.style-scope.ytmusic-settings-page 1223 | { 1224 | border-left: none !important; 1225 | } 1226 | 1227 | tp-yt-paper-tabs.tab-header-container.style-scope.ytmusic-player-page 1228 | { 1229 | border-bottom: none !important; 1230 | } 1231 | 1232 | ytmusic-item-thumbnail-overlay-renderer.thumbnail-overlay.style-scope.ytmusic-two-row-item-renderer 1233 | { 1234 | background: #00000000 !important; 1235 | } 1236 | 1237 | yt-formatted-string.header.style-scope.ytmusic-description-shelf-renderer 1238 | { 1239 | color: var(--ctp-text) !important; 1240 | } 1241 | 1242 | yt-formatted-string.description.style-scope.ytmusic-description-shelf-renderer 1243 | { 1244 | color: var(--ctp-text) !important; 1245 | } 1246 | 1247 | ytmusic-app-layout 1248 | { 1249 | --ytmusic-fullscreen-player-overlay-gradient: linear-gradient(#00000000 0%, #00000000 75%, var(--ctp-base) 100%) !important; 1250 | } 1251 | 1252 | div.song-media-controls.style-scope.ytmusic-player 1253 | { 1254 | background: linear-gradient(var(--ctp-base) 0%, #00000000 50%) !important; 1255 | } 1256 | 1257 | ytmusic-player-queue-item.style-scope.ytmusic-player-queue 1258 | { 1259 | border-bottom: none !important; 1260 | } 1261 | 1262 | yt-multi-page-menu-section-renderer.style-scope.ytd-multi-page-menu-renderer 1263 | { 1264 | border-top: none !important; 1265 | } 1266 | 1267 | div#container.style-scope.ytd-google-account-header-renderer 1268 | { 1269 | border-bottom: none !important; 1270 | } 1271 | 1272 | ytd-account-section-list-renderer.style-scope.ytd-multi-page-menu-renderer 1273 | { 1274 | border-top: none !important; 1275 | } 1276 | 1277 | ytmusic-responsive-list-item-renderer.style-scope.ytmusic-shelf-renderer 1278 | { 1279 | border-bottom: none !important; 1280 | } 1281 | 1282 | ytmusic-responsive-list-item-renderer.style-scope.ytmusic-playlist-shelf-renderer 1283 | { 1284 | border-bottom: none !important; 1285 | } 1286 | 1287 | yt-formatted-string.style-scope.ytmusic-grid-header-renderer 1288 | { 1289 | color: var(--ctp-text) !important; 1290 | } 1291 | 1292 | ytmusic-navigation-button-renderer[button-style=STYLE_SOLID] button.ytmusic-navigation-button-renderer 1293 | { 1294 | border-left: 6px solid var(--ctp-accent) !important; 1295 | } 1296 | 1297 | yt-confirm-dialog-renderer.style-scope.ytmusic-popup-container 1298 | { 1299 | background: var(--ctp-mantle) !important; 1300 | } 1301 | 1302 | .buttons.yt-confirm-dialog-renderer 1303 | { 1304 | border-top: none !important; 1305 | } 1306 | 1307 | yt-formatted-string#title.style-scope.yt-confirm-dialog-renderer 1308 | { 1309 | color: var(--ctp-text) !important; 1310 | } 1311 | 1312 | yt-formatted-string.line-text.style-scope.yt-confirm-dialog-renderer 1313 | { 1314 | color: var(--ctp-text) !important; 1315 | } 1316 | 1317 | div.value.style-scope.ytmusic-nerd-stats 1318 | { 1319 | color: var(--ctp-text) !important; 1320 | } 1321 | 1322 | ytmusic-nerd-stats.style-scope.ytmusic-player 1323 | { 1324 | background-color: var(--ctp-base) !important; 1325 | } 1326 | 1327 | tp-yt-iron-overlay-backdrop.opened 1328 | { 1329 | color: var(--ctp-crust) !important; 1330 | background: var(--ctp-crust) !important; 1331 | } 1332 | 1333 | iron-label#iron-label-1.title.style-scope.ytmusic-tab-renderer 1334 | { 1335 | color: var(--ctp-text) !important; 1336 | } 1337 | 1338 | div.subtitle.style-scope.ytmusic-tab-renderer 1339 | { 1340 | color: var(--ctp-text) !important; 1341 | } 1342 | 1343 | div.gradient-container.style-scope.ytmusic-immersive-header-renderer 1344 | { 1345 | background: linear-gradient(360deg, var(--ctp-base) 9.89%, #00000000 100%) !important; 1346 | } 1347 | 1348 | yt-unlimited-page-header-renderer.style-scope.ytmusic-item-section-renderer 1349 | { 1350 | background: var(--ctp-base) !important; 1351 | } 1352 | 1353 | yt-formatted-string#header.style-scope.yt-music-pass-feature-info-renderer 1354 | { 1355 | color: var(--ctp-text) !important; 1356 | } 1357 | 1358 | yt-formatted-string#description.style-scope.yt-music-pass-feature-info-renderer 1359 | { 1360 | color: var(--ctp-text) !important; 1361 | } 1362 | 1363 | yt-formatted-string#header.style-scope.yt-music-pass-small-feature-info-renderer 1364 | { 1365 | color: var(--ctp-text) !important; 1366 | } 1367 | 1368 | yt-formatted-string#description.style-scope.yt-music-pass-small-feature-info-renderer 1369 | { 1370 | color: var(--ctp-text) !important; 1371 | } 1372 | 1373 | yt-formatted-string#subtitle.style-scope.yt-unlimited-page-header-renderer 1374 | { 1375 | color: var(--ctp-text) !important; 1376 | } 1377 | 1378 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/youtube/img/promos/growth/ytm_lp2_icon_feature_headset_84x84.png"] 1379 | { 1380 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/frappeprem1.png") !important; 1381 | background-color: var(--ctp-accent) !important; 1382 | } 1383 | 1384 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/youtube/img/promos/growth/ytm_lp2_icon_feature_play_84x84.png"] 1385 | { 1386 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/frappeprem2.png") !important; 1387 | background-color: var(--ctp-accent) !important; 1388 | } 1389 | 1390 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/youtube/img/promos/growth/ytm_lp2_icon_feature_download_84x84.png"] 1391 | { 1392 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/frappeprem3.png") !important; 1393 | background-color: var(--ctp-accent) !important; 1394 | } 1395 | 1396 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/youtube/img/promos/growth/ytm_lp2_logo_desktop_552x71.png"] 1397 | { 1398 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/frappepremtitle.png") !important; 1399 | background-color: var(--ctp-accent) !important; 1400 | } 1401 | 1402 | ytmusic-multi-select-menu-bar.style-scope.ytmusic-dialog 1403 | { 1404 | background-color: var(--ctp-mantle) !important; 1405 | } 1406 | 1407 | ytmusic-dialog 1408 | { 1409 | background-color: var(--ctp-surface0) !important; 1410 | border: 1px var(--ctp-surface0) solid !important; 1411 | border-radius: 2px !important; 1412 | } 1413 | 1414 | yt-formatted-string.style-scope.ytmusic-multi-select-menu-bar 1415 | { 1416 | color: var(--ctp-text) !important; 1417 | } 1418 | 1419 | yt-checkbox-renderer.fixed-column.MUSIC_RESPONSIVE_LIST_ITEM_COLUMN_DISPLAY_PRIORITY_HIGH.style-scope.ytmusic-responsive-list-item-renderer 1420 | { 1421 | color: var(--ctp-accent) !important; 1422 | } 1423 | 1424 | button.yt-icon-button > yt-icon 1425 | { 1426 | fill: var(--ctp-accent) !important; 1427 | } 1428 | 1429 | ytmusic-unified-share-panel-renderer.style-scope.ytmusic-popup-container 1430 | { 1431 | background-color: var(--ctp-mantle) !important; 1432 | } 1433 | 1434 | tp-yt-paper-dialog.style-scope.ytmusic-popup-container 1435 | { 1436 | background-color: var(--ctp-mantle) !important; 1437 | } 1438 | 1439 | div#title.style-scope.yt-share-target-renderer 1440 | { 1441 | color: var(--ctp-text) !important; 1442 | } 1443 | 1444 | h2#title.style-scope.yt-share-panel-title-v15-renderer 1445 | { 1446 | color: var(--ctp-text) !important; 1447 | } 1448 | 1449 | input#share-url.style-scope.yt-copy-link-renderer 1450 | { 1451 | color: var(--ctp-text) !important; 1452 | } 1453 | 1454 | div#bar.style-scope.yt-copy-link-renderer 1455 | { 1456 | background-color: var(--ctp-crust) !important; 1457 | border: 1px var(--ctp-accent) solid !important; 1458 | } 1459 | 1460 | .scroll-button.yt-third-party-share-target-section-renderer 1461 | { 1462 | background-color: var(--ctp-crust) !important; 1463 | } 1464 | 1465 | ytmusic-playlist-form.style-scope.ytmusic-dialog 1466 | { 1467 | background-color: var(--ctp-mantle) !important; 1468 | } 1469 | 1470 | ytmusic-playlist-form[tabbed-ui-enabled] iron-pages.ytmusic-playlist-form .content.ytmusic-playlist-form 1471 | { 1472 | border-top: none !important; 1473 | border-bottom: none !important; 1474 | } 1475 | 1476 | tp-yt-paper-button.submit-button.style-scope.ytmusic-playlist-form 1477 | { 1478 | color: var(--ctp-mantle) !important; 1479 | background-color: var(--ctp-accent) !important; 1480 | } 1481 | 1482 | tp-yt-paper-button.cancel-button.style-scope.ytmusic-playlist-form 1483 | { 1484 | color: var(--ctp-accent) !important; 1485 | } 1486 | 1487 | div#caption.style-scope.yt-toggle-form-field-renderer 1488 | { 1489 | color: var(--ctp-text) !important; 1490 | } 1491 | 1492 | .floated-label-placeholder.tp-yt-paper-input-container 1493 | { 1494 | color: var(--ctp-text) !important; 1495 | } 1496 | 1497 | ytmusic-dropdown-renderer[dropdown-style=underline] .icon.ytmusic-dropdown-renderer 1498 | { 1499 | color: var(--ctp-accent) !important; 1500 | } 1501 | 1502 | .icon.ytmusic-dropdown-item-renderer 1503 | { 1504 | color: var(--ctp-accent) !important; 1505 | } 1506 | 1507 | yt-formatted-string.description.style-scope.ytmusic-dropdown-item-renderer 1508 | { 1509 | color: var(--ctp-text) !important; 1510 | } 1511 | 1512 | yt-formatted-string.headline.style-scope.ytmusic-add-to-playlist-renderer 1513 | { 1514 | color: var(--ctp-text) !important; 1515 | } 1516 | 1517 | yt-formatted-string.section-heading.style-scope.ytmusic-add-to-playlist-renderer 1518 | { 1519 | color: var(--ctp-text) !important; 1520 | } 1521 | 1522 | yt-formatted-string#title.style-scope.ytmusic-playlist-add-to-option-renderer 1523 | { 1524 | color: var(--ctp-text) !important; 1525 | } 1526 | 1527 | ytmusic-add-to-playlist-renderer 1528 | { 1529 | background-color: var(--ctp-mantle) !important; 1530 | border: 1px solid var(--ctp-accent) !important; 1531 | } 1532 | 1533 | ytmusic-carousel-shelf-renderer.ytmusic-add-to-playlist-renderer:not(:empty) 1534 | { 1535 | border-bottom: none !important; 1536 | } 1537 | 1538 | .top-bar.ytmusic-add-to-playlist-renderer 1539 | { 1540 | border-bottom: none !important; 1541 | } 1542 | 1543 | yt-formatted-string.byline.style-scope.ytmusic-playlist-add-to-option-renderer 1544 | { 1545 | color: var(--ctp-text) !important; 1546 | } 1547 | 1548 | img#img.style-scope.yt-img-shadow[src="https://lh3.googleusercontent.com/wr28amLh-pMk4vmrYv_Orhly8DTtdvZJFuLwmXG5RNvZJjGlFe_WMnKp4pWlZI1gL7ihQn-xZuzZ0A6VZZbv2Z-iTEH3dpjn=w88-h88"] 1549 | { 1550 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/frappeplaylistempty.png") !important; 1551 | } 1552 | 1553 | tp-yt-paper-toast#toast.style-scope.ytmusic-notification-text-renderer.paper-toast-open 1554 | { 1555 | background-color: var(--ctp-mantle) !important; 1556 | color: var(--ctp-text) !important; 1557 | } 1558 | 1559 | tp-yt-paper-toast#toast.toast-button.style-scope.yt-notification-action-renderer.paper-toast-open 1560 | { 1561 | background-color: var(--ctp-mantle) !important; 1562 | color: var(--ctp-text) !important; 1563 | } 1564 | 1565 | yt-formatted-string#text.style-scope.yt-notification-action-renderer 1566 | { 1567 | color: var(--ctp-text) !important; 1568 | } 1569 | 1570 | tp-yt-paper-toast#toast.toast-button.style-scope.yt-notification-action-renderer 1571 | { 1572 | background-color: var(--ctp-mantle) !important; 1573 | color: var(--ctp-text) !important; 1574 | } 1575 | 1576 | tp-yt-paper-toast#toast.style-scope.ytmusic-notification-text-renderer 1577 | { 1578 | background-color: var(--ctp-mantle) !important; 1579 | color: var(--ctp-text) !important; 1580 | } 1581 | 1582 | div.title.style-scope.ytmusic-player-queue 1583 | { 1584 | color: var(--ctp-text) !important; 1585 | opacity: 1 !important; 1586 | } 1587 | 1588 | yt-icon.icon.style-scope.ytmusic-multi-select-menu-item-renderer 1589 | { 1590 | fill: var(--ctp-accent) !important; 1591 | } 1592 | 1593 | ytmusic-icon-badge-renderer.thumbnail.style-scope.ytmusic-responsive-list-item-renderer 1594 | { 1595 | background-color: var(--ctp-mantle) !important; 1596 | color: var(--ctp-text) !important; 1597 | } 1598 | 1599 | #title.ytmusic-multi-select-menu-renderer 1600 | { 1601 | border-bottom: none !important; 1602 | } 1603 | 1604 | ytmusic-menu-item-divider-renderer.style-scope.ytmusic-multi-select-menu-renderer 1605 | { 1606 | border-bottom: none !important; 1607 | } 1608 | 1609 | yt-formatted-string.title.style-scope.ytmusic-setting-single-option-menu-renderer 1610 | { 1611 | color: var(--ctp-text) !important; 1612 | } 1613 | 1614 | .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text 1615 | { 1616 | color: var(--ctp-accent) !important; 1617 | } 1618 | 1619 | .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled 1620 | { 1621 | color: var(--ctp-base) !important; 1622 | background-color: var(--ctp-accent) !important; 1623 | } 1624 | 1625 | .yt-spec-touch-feedback-shape--touch-response .yt-spec-touch-feedback-shape__fill 1626 | { 1627 | background-color: var(--ctp-text) !important; 1628 | } 1629 | 1630 | .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline 1631 | { 1632 | color: var(--ctp-accent) !important; 1633 | border-color: var(--ctp-accent) !important; 1634 | border-radius: 36px !important; 1635 | } 1636 | 1637 | ytmusic-av-toggle[playback-mode=OMV_PREFERRED] .video-button.ytmusic-av-toggle 1638 | { 1639 | background-color: var(--ctp-mantle) !important; 1640 | } 1641 | 1642 | ytmusic-av-toggle[playback-mode=ATV_PREFERRED] .song-button.ytmusic-av-toggle 1643 | { 1644 | background-color: var(--ctp-mantle) !important; 1645 | } 1646 | 1647 | ytmusic-av-toggle[toggle-disabled] .song-button.ytmusic-av-toggle 1648 | { 1649 | color: var(--ctp-accent) !important; 1650 | background-color: var(--ctp-crust); 1651 | } 1652 | 1653 | ytmusic-av-toggle[toggle-disabled] .video-button.ytmusic-av-toggle 1654 | { 1655 | color: var(--ctp-accent) !important; 1656 | background-color: var(--ctp-crust); 1657 | } 1658 | 1659 | .av-toggle.ytmusic-av-toggle 1660 | { 1661 | opacity: 1 !important; 1662 | background-color: var(--ctp-crust) !important; 1663 | } 1664 | 1665 | .yt-spec-button-shape-next--call-to-action-inverse.yt-spec-button-shape-next--text 1666 | { 1667 | color: var(--ctp-accent) !important; 1668 | } 1669 | 1670 | ytmusic-guide-entry-renderer 1671 | { 1672 | color: var(--ctp-accent) !important; 1673 | } 1674 | 1675 | ytmusic-guide-entry-renderer[active] tp-yt-paper-item.ytmusic-guide-entry-renderer 1676 | { 1677 | background-color: var(--ctp-base) !important; 1678 | } 1679 | 1680 | ytmusic-app[is-bauhaus-sidenav-enabled] #guide-wrapper.ytmusic-app 1681 | { 1682 | background: var(--ctp-mantle) !important; 1683 | border: none !important; 1684 | } 1685 | 1686 | #divider.ytmusic-guide-section-renderer 1687 | { 1688 | border: none !important; 1689 | } 1690 | 1691 | .title.ytmusic-guide-entry-renderer 1692 | { 1693 | color: var(--ctp-text) !important; 1694 | } 1695 | 1696 | .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal 1697 | { 1698 | color: var(--ctp-text) !important; 1699 | background-color: var(--ctp-base) !important; 1700 | } 1701 | 1702 | ytmusic-guide-entry-renderer:not([is-primary]) .subtitle.ytmusic-guide-entry-renderer 1703 | { 1704 | color: var(--ctp-text) !important; 1705 | } 1706 | 1707 | ytmusic-guide-renderer[is-collapsed] 1708 | { 1709 | background: var(--ctp-mantle) !important; 1710 | } 1711 | 1712 | yt-start-at-renderer.yt-third-party-network-section-renderer 1713 | { 1714 | padding-top: 0 !important; 1715 | border-top: none !important; 1716 | } 1717 | 1718 | yt-formatted-string.yt-start-at-renderer 1719 | { 1720 | color: var(--ctp-text) !important; 1721 | } 1722 | 1723 | #checkbox.tp-yt-paper-checkbox 1724 | { 1725 | border-color: var(--ctp-text) !important; 1726 | } 1727 | 1728 | #checkbox.checked.tp-yt-paper-checkbox 1729 | { 1730 | background-color: var(--ctp-text) !important; 1731 | } 1732 | 1733 | .unfocused-line.tp-yt-paper-input-container 1734 | { 1735 | border-bottom: none !important; 1736 | } 1737 | 1738 | ytmusic-player-page[is-mweb-modernization-enabled][player-page-ui-state=TABS_VIEW] #side-panel.ytmusic-player-page { 1739 | background: var(--ctp-base) !important; 1740 | } 1741 | 1742 | ytmusic-player-page[is-mweb-modernization-enabled] .side-panel.ytmusic-player-page { 1743 | background: var(--ctp-base) !important; 1744 | } 1745 | 1746 | ytmusic-player-page[is-mweb-modernization-enabled][player-page-ui-state=TABS_VIEW] #main-panel.ytmusic-player-page { 1747 | background: var(--ctp-base) !important; 1748 | } 1749 | 1750 | .content-info-wrapper.ytmusic-player-bar .byline.ytmusic-player-bar { 1751 | color: var(--ctp-accent) !important; 1752 | } 1753 | 1754 | .title.ytmusic-player-controls { 1755 | color: var(--ctp-text) !important; 1756 | } 1757 | 1758 | .byline.ytmusic-player-controls { 1759 | color: var(--ctp-accent) !important; 1760 | } 1761 | 1762 | .play-pause-button-wrapper.ytmusic-player-controls { 1763 | background: var(--ctp-mantle) !important; 1764 | } 1765 | 1766 | #primaryProgress.tp-yt-paper-progress { 1767 | background-color: var(--ctp-accent) !important; 1768 | } 1769 | 1770 | #secondaryProgress.tp-yt-paper-progress { 1771 | background-color: var(--ctp-crust) !important; 1772 | } 1773 | 1774 | #progressContainer.tp-yt-paper-progress, .indeterminate.tp-yt-paper-progress::after { 1775 | background-color: var(--ctp-mantle) !important; 1776 | } 1777 | 1778 | .slider-knob-inner.tp-yt-paper-slider { 1779 | background-color: var(--ctp-accent) !important; 1780 | border: var(--ctp-accent) 2px solid !important; 1781 | } 1782 | 1783 | .current-time.ytmusic-player-controls, .total-time.ytmusic-player-controls { 1784 | color: var(--ctp-text) !important; 1785 | } 1786 | 1787 | .title.ytmusic-queue-header-renderer { 1788 | color: var(--ctp-text) !important; 1789 | } 1790 | 1791 | .subtitle.ytmusic-queue-header-renderer { 1792 | color: var(--ctp-text) !important; 1793 | } 1794 | 1795 | .autoplay.ytmusic-tab-renderer .title.ytmusic-tab-renderer { 1796 | color: var(--ctp-text) !important; 1797 | } 1798 | 1799 | ytmusic-player-page[is-mweb-modernization-enabled] .background-gradient.ytmusic-player-page { 1800 | background: var(--ctp-base) !important; 1801 | } 1802 | 1803 | ytmusic-guide-entry-renderer:not([is-primary]) #play-button.ytmusic-guide-entry-renderer { 1804 | background-color: none !important; 1805 | color: none !important; 1806 | } 1807 | 1808 | .go3564761155 { 1809 | background-color: var(--ctp-mantle) !important; 1810 | color: var(--ctp-text) !important; 1811 | } 1812 | 1813 | ytmusic-player-bar:is([repeat-mode=NONE]) .repeat.ytmusic-player-bar { 1814 | opacity: 0.5; 1815 | } 1816 | 1817 | #nav-bar-background.ytmusic-app-layout { 1818 | background: var(--ctp-mantle) !important; 1819 | } 1820 | 1821 | ytmusic-app-layout[is-bauhaus-sidenav-enabled] #nav-bar-background.ytmusic-app-layout 1822 | { 1823 | border-bottom: none !important; 1824 | } 1825 | 1826 | ytmusic-nav-bar[enable-bauhaus-style] .app-bar-button.ytmusic-nav-bar { 1827 | background: var(--ctp-accent) !important; 1828 | color: var(--ctp-base) !important; 1829 | } 1830 | 1831 | yt-formatted-string.ytmusic-guide-signin-promo-renderer { 1832 | color: var(--ctp-subtext) !important; 1833 | } 1834 | 1835 | yt-icon.ytmusic-guide-signin-promo-renderer { 1836 | fill: var(--ctp-accent) !important; 1837 | } 1838 | 1839 | .action-text.ytmusic-guide-signin-promo-renderer { 1840 | color: var(--ctp-accent) !important; 1841 | } 1842 | -------------------------------------------------------------------------------- /src/macchiato.css: -------------------------------------------------------------------------------- 1 | html:not(.style-scope) 2 | { 3 | --ctp-rosewater: #f4dbd6; 4 | --ctp-flamingo: #f0c6c6; 5 | --ctp-pink: #f5bde6; 6 | --ctp-mauve: #c6a0f6; 7 | --ctp-red: #ed8796; 8 | --ctp-maroon: #ee99a0; 9 | --ctp-peach: #f5a97f; 10 | --ctp-yellow: #eed49f; 11 | --ctp-green: #a6da95; 12 | --ctp-teal: #8bd5ca; 13 | --ctp-sky: #91d7e3; 14 | --ctp-sapphire: #7dc4e4; 15 | --ctp-blue: #8aadf4; 16 | --ctp-lavender: #b7bdf8; 17 | --ctp-text: #cad3f5; 18 | --ctp-subtext1: #b8c0e0; 19 | --ctp-subtext0: #a5adcb; 20 | --ctp-overlay2: #939ab7; 21 | --ctp-overlay1: #8087a2; 22 | --ctp-overlay0: #6e738d; 23 | --ctp-surface2: #5b6078; 24 | --ctp-surface1: #494d64; 25 | --ctp-surface0: #363a4f; 26 | --ctp-base: #24273a; 27 | --ctp-mantle: #1e2030; 28 | --ctp-crust: #181926; 29 | 30 | --ctp-accent: var(--ctp-mauve); 31 | 32 | --unthemed-yet: inherit !important; 33 | 34 | --yt-spec-commerce-filled-hover: var(--ctp-accent) !important; 35 | } 36 | 37 | i.material-icons 38 | { 39 | color: var(--ctp-text) !important; 40 | } 41 | 42 | i.material-icons:hover 43 | { 44 | color: var(--ctp-text) !important; 45 | } 46 | 47 | body 48 | { 49 | background: var(--ctp-base) !important; 50 | } 51 | 52 | ytmusic-nav-bar 53 | { 54 | background: var(--ctp-mantle) !important; 55 | } 56 | 57 | ytmusic-pivot-bar-item-renderer:hover, ytmusic-pivot-bar-item-renderer.iron-selected 58 | { 59 | color: var(--ctp-accent) !important; 60 | } 61 | 62 | ytmusic-pivot-bar-item-renderer 63 | { 64 | color: var(--ctp-text) !important; 65 | } 66 | 67 | ytmusic-search-box 68 | { 69 | color: var(--ctp-text) !important; 70 | } 71 | 72 | a.ytmusic-content-update-chip 73 | { 74 | color: var(--ctp-base) !important; 75 | background-color: var(--ytmusic-color-grey2) !important; 76 | } 77 | 78 | ytmusic-detail-header-renderer 79 | { 80 | background-color: var(--ctp-base) !important; 81 | } 82 | 83 | .title.ytmusic-detail-header-renderer 84 | { 85 | color: var(--ctp-text) !important; 86 | } 87 | 88 | ytmusic-player-page 89 | { 90 | background-color: var(--ctp-base) !important; 91 | } 92 | 93 | ytmusic-data-bound-header-renderer 94 | { 95 | background-color: var(--ctp-mantle) !important; 96 | } 97 | 98 | ytmusic-list-item-renderer 99 | { 100 | background-color: var(--ctp-base) !important; 101 | } 102 | 103 | ytmusic-responsive-list-item-renderer 104 | { 105 | background-color: var(--ctp-base) !important; 106 | } 107 | 108 | ytmusic-player-queue-item 109 | { 110 | background-color: var(--ctp-base) !important; 111 | } 112 | paper-tab.iron-selected.ytmusic-player-page 113 | { 114 | color: var(--ctp-text) !important; 115 | } 116 | 117 | tp-yt-paper-tab.iron-selected.ytmusic-player-page 118 | { 119 | color: var(--ctp-text) !important; 120 | } 121 | tp-yt-paper-tab.ytmusic-player-page 122 | { 123 | color: var(--ctp-text) !important; 124 | } 125 | 126 | paper-tabs.ytmusic-player-page 127 | { 128 | --paper-tabs-selection-bar-color: var(--ctp-text) !important; 129 | } 130 | 131 | #selectionBar.tp-yt-paper-tabs 132 | { 133 | border-bottom: 2px solid var(--ctp-text) !important; 134 | } 135 | 136 | yt-formatted-string.byline.style-scope.ytmusic-player-queue-item 137 | { 138 | color: var(--ctp-accent) !important; 139 | } 140 | 141 | yt-formatted-string.duration.style-scope.ytmusic-player-queue-item 142 | { 143 | color: var(--ctp-text) !important; 144 | } 145 | 146 | ytmusic-player-bar 147 | { 148 | background: var(--ctp-mantle) !important; 149 | } 150 | 151 | #progress-bar.ytmusic-player-bar 152 | { 153 | --paper-slider-active-color: var(--ctp-accent) !important; 154 | } 155 | 156 | #progress-bar.ytmusic-player-bar[focused], ytmusic-player-bar:hover #progress-bar.ytmusic-player-bar 157 | { 158 | --paper-slider-knob-color: var(--ctp-accent) !important; 159 | --paper-slider-knob-start-color: var(--ctp-accent) !important; 160 | --paper-slider-knob-start-border-color: var(--ctp-accent) !important; 161 | } 162 | 163 | paper-slider#volume-slider 164 | { 165 | --paper-slider-container-color: var(--ctp-text) !important; 166 | --paper-slider-active-color: var(--ctp-text) !important; 167 | --paper-slider-knob-color: var(--ctp-text) !important; 168 | } 169 | 170 | .volume-slider.ytmusic-player-bar, .expand-volume-slider.ytmusic-player-bar 171 | { 172 | --paper-slider-container-color: var(--ctp-text) !important; 173 | --paper-slider-active-color: var(--ctp-text) !important; 174 | --paper-slider-knob-color: var(--ctp-text) !important; 175 | } 176 | 177 | paper-icon-button#play-pause-button 178 | { 179 | --iron-icon-fill-color:var(--ctp-text) !important; 180 | } 181 | 182 | tp-yt-iron-icon#icon 183 | { 184 | --iron-icon-fill-color:var(--ctp-accent) !important; 185 | } 186 | 187 | .left-controls.ytmusic-player-bar paper-icon-button.ytmusic-player-bar, .left-controls.ytmusic-player-bar .spinner-container.ytmusic-player-bar, .toggle-player-page-button.ytmusic-player-bar 188 | { 189 | --iron-icon-fill-color: var(--ctp-text) !important; 190 | } 191 | 192 | .menu.ytmusic-player-bar 193 | { 194 | --iron-icon-fill-color: var(--ctp-text) !important; 195 | } 196 | 197 | .right-controls-buttons.ytmusic-player-bar paper-icon-button.ytmusic-player-bar, ytmusic-player-expanding-menu.ytmusic-player-bar paper-icon-button.ytmusic-player-bar 198 | { 199 | --paper-icon-button_-_color: var(--ctp-text) !important; 200 | } 201 | 202 | .style-scope.yt-icon-button[aria-label="Add to playlist"] 203 | { 204 | color: var(--ctp-text) 205 | } 206 | 207 | .title.ytmusic-carousel-shelf-basic-header-renderer, .title.ytmusic-immersive-header-renderer, .description.ytmusic-immersive-header-renderer 208 | { 209 | color: var(--ctp-text) !important; 210 | } 211 | 212 | div.content-wrapper.style-scope.ytmusic-play-button-renderer 213 | { 214 | background: var(--ctp-text) !important; 215 | } 216 | 217 | ytmusic-subscribe-button-renderer 218 | { 219 | --ytmusic-subscribe-button-color: var(--ctp-red) !important; 220 | } 221 | 222 | yt-button-renderer[is-paper-button] 223 | { 224 | background-color: var(--ctp-accent) !important; 225 | } 226 | 227 | paper-icon-button 228 | { 229 | --paper-icon-button_-_color: var(--ctp-text) !important; 230 | } 231 | 232 | ytmusic-data-bound-top-level-menu-item.ytmusic-data-bound-menu-renderer:not(:first-child) 233 | { 234 | --yt-button-color: var(--ctp-text) !important; 235 | border: 1px solid var(--ctp-text) !important; 236 | border-radius: 5px !important; 237 | } 238 | 239 | #top-level-buttons.ytmusic-menu-renderer > .outline-button.ytmusic-menu-renderer, .edit-playlist-button.ytmusic-menu-renderer, ytmusic-toggle-button-renderer.ytmusic-menu-renderer 240 | { 241 | --yt-button-color: var(--ctp-base) !important; 242 | border: 0px solid var(--ctp-base) !important; 243 | } 244 | 245 | yt-icon.ytmusic-inline-badge-renderer 246 | { 247 | color: var(--ctp-text) !important; 248 | } 249 | 250 | .title.ytmusic-carousel-shelf-basic-header-renderer, .title.ytmusic-immersive-header-renderer, .description.ytmusic-immersive-header-renderer 251 | { 252 | color: var(--ctp-text) !important; 253 | } 254 | 255 | .title.ytmusic-header-renderer 256 | { 257 | color: var(--ctp-text) !important; 258 | } 259 | 260 | yt-formatted-string.strapline.text.style-scope.ytmusic-carousel-shelf-basic-header-renderer 261 | { 262 | color: var(--ctp-text) !important; 263 | } 264 | 265 | yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string 266 | { 267 | color: var(--ctp-text) !important; 268 | } 269 | 270 | yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:hover 271 | { 272 | color: var(--ctp-text) !important; 273 | } 274 | 275 | .previous-items-button.ytmusic-carousel, .next-items-button.ytmusic-carousel 276 | { 277 | background-color: var(--ctp-accent) !important; 278 | color: var(--ctp-base) !important; 279 | } 280 | 281 | .content-wrapper.ytmusic-play-button-renderer, ytmusic-play-button-renderer:hover .content-wrapper.ytmusic-play-button-renderer, ytmusic-play-button-renderer:focus .content-wrapper.ytmusic-play-button-renderer 282 | { 283 | background: var(--ctp-accent) !important; 284 | --ytmusic-play-button-icon-color: var(--ctp-base) !important; 285 | --paper-spinner-color: var(--yt-spec-themed-blue) !important; 286 | } 287 | 288 | yt-icon.icon.style-scope.ytmusic-play-button-renderer { 289 | fill: var(--ctp-base) !important; 290 | } 291 | 292 | .watch-button .yt-spec-button-shape-next__icon > yt-icon 293 | { 294 | fill: var(--ctp-base) !important; 295 | } 296 | 297 | .play-button .yt-spec-button-shape-next__icon > yt-icon 298 | { 299 | fill: var(--ctp-base) !important; 300 | } 301 | 302 | .radio-button .yt-spec-button-shape-next__icon > yt-icon 303 | { 304 | fill: var(--ctp-base) !important; 305 | } 306 | 307 | ytmusic-tabs.stuck { 308 | background-color: var(--ctp-mantle) !important; 309 | } 310 | 311 | paper-icon-button.ytmusic-like-button-renderer 312 | { 313 | color: var(--ctp-text) !important; 314 | } 315 | 316 | .dropdown-content 317 | { 318 | background-color: var(--ctp-base) !important; 319 | } 320 | 321 | yt-formatted-string.title.style-scope.ytmusic-two-row-item-renderer 322 | { 323 | color: var(--ctp-text) !important; 324 | } 325 | 326 | yt-formatted-string.song-title.style-scope.ytmusic-player-queue-item 327 | { 328 | color: var(--ctp-text) !important; 329 | } 330 | 331 | yt-formatted-string.title.style-scope.ytmusic-player-bar 332 | { 333 | color: var(--ctp-text) !important; 334 | } 335 | 336 | span.time-info.style-scope.ytmusic-player-bar 337 | { 338 | color: var(--ctp-text) !important; 339 | } 340 | 341 | yt-formatted-string#description.description.style-scope.ytmusic-detail-header-renderer 342 | { 343 | color: var(--ctp-text) !important; 344 | } 345 | 346 | yt-formatted-string#text.style-scope.yt-button-renderer.style-default 347 | { 348 | color: var(--ctp-base) !important; 349 | } 350 | 351 | yt-formatted-string#text.style-scope.yt-button-renderer.style-text 352 | { 353 | color: var(--ctp-base) !important; 354 | } 355 | 356 | tp-yt-paper-toast#toast.toast-button.style-scope.yt-notification-action-renderer.paper-toast-open 357 | { 358 | /* like button */ 359 | } 360 | 361 | div#icon.tab-icon.style-scope.paper-icon-button.navigation-icon 362 | { 363 | color: var(--ctp-text) !important; 364 | } 365 | 366 | tp-yt-iron-icon#icon.style-scope.tp-yt-paper-icon-button 367 | { 368 | color: var(--ctp-accent) !important; 369 | } 370 | 371 | div.style-scope.ytmusic-pivot-bar-renderer.navigation-item 372 | { 373 | --yt-endpoint-color: var(--ctp-accent) !important; 374 | --yt-endpoint-hover-color: var(--ctp-accent) !important; 375 | --yt-endpoint-visited-color: var(--ctp-accent) !important; 376 | } 377 | 378 | a.yt-simple-endpoint.style-scope.ytmusic-chip-cloud-chip-renderer 379 | { 380 | color: var(--ctp-text) !important; 381 | background-color: var(--ctp-mantle) !important; 382 | } 383 | 384 | div.label.style-scope.ytmusic-nerd-stats 385 | { 386 | color: var(--ctp-text) !important; 387 | } 388 | 389 | ytmusic-nerd-stats.style-scope.ytmusic-player-bar{ 390 | color: var(--ctp-text) !important; 391 | background-color: var(--ctp-base) !important; 392 | } 393 | 394 | div.song-media-controls.style-scope.ytmusic-player 395 | { 396 | color: var(--ctp-text) !important; 397 | } 398 | 399 | div#header.style-scope.ytmusic-item-section-renderer 400 | { 401 | background-color: var(--ctp-base) !important; 402 | } 403 | 404 | a.yt-simple-endpoint.style-scope.yt-formatted-string 405 | { 406 | color: var(--ctp-text) !important; 407 | } 408 | 409 | yt-formatted-string.fixed-column.MUSIC_RESPONSIVE_LIST_ITEM_COLUMN_DISPLAY_PRIORITY_HIGH.style-scope.ytmusic-responsive-list-item-renderer 410 | { 411 | color: var(--ctp-accent) !important; 412 | } 413 | 414 | yt-formatted-string.subtitle.style-scope.ytmusic-detail-header-renderer 415 | { 416 | color: var(--ctp-text) !important; 417 | } 418 | 419 | yt-formatted-string.second-subtitle.style-scope.ytmusic-detail-header-renderer 420 | { 421 | color: var(--ctp-text) !important; 422 | } 423 | 424 | ytmusic-like-button-renderer.style-scope.ytmusic-menu-renderer 425 | { 426 | color: var(--ctp-accent) !important; 427 | } 428 | 429 | tp-yt-paper-icon-button.ytmusic-like-button-renderer 430 | { 431 | color: var(--ctp-accent) !important; 432 | } 433 | 434 | yt-icon.icon.style-scope.ytmusic-menu-service-item-renderer 435 | { 436 | color: var(--ctp-accent) !important; 437 | fill: var(--ctp-accent) !important; 438 | } 439 | 440 | div#navigation-endpoint.yt-simple-endpoint.style-scope.ytmusic-menu-navigation-item-renderer 441 | { 442 | color: var(--ctp-text) !important; 443 | } 444 | 445 | tp-yt-paper-listbox#items.style-scope.ytmusic-menu-popup-renderer 446 | { 447 | color: var(--ctp-mantle) !important; 448 | background-color: var(--ctp-mantle) !important; 449 | border: 1px solid var(--ctp-surface0) !important; 450 | } 451 | 452 | yt-formatted-string.text.style-scope.ytmusic-menu-service-item-renderer 453 | { 454 | color: var(--ctp-text) !important; 455 | } 456 | 457 | yt-formatted-string.text.style-scope.ytmusic-menu-navigation-item-renderer 458 | { 459 | color: var(--ctp-text) !important; 460 | } 461 | 462 | div#ytmcustom-pip.text.style-scope.ytmusic-menu-navigation-item-renderer 463 | { 464 | color: var(--ctp-text) !important; 465 | } 466 | 467 | div#ytmcustom-download.text.style-scope.ytmusic-menu-navigation-item-renderer 468 | { 469 | color: var(--ctp-text) !important; 470 | } 471 | 472 | span.style-scope.yt-formatted-string 473 | { 474 | color: var(--ctp-text) !important; 475 | } 476 | 477 | g#XMLID_11_.st0 478 | { 479 | color: var(--ctp-accent) !important; 480 | } 481 | 482 | div.icon.menu-icon.style-scope.ytmusic-menu-navigation-item-renderer 483 | { 484 | fill: var(--ctp-accent) !important; 485 | stroke: var(--ctp-accent) !important; 486 | } 487 | 488 | h2.form-title.style-scope.ytmusic-playlist-form 489 | { 490 | color: var(--ctp-text) !important; 491 | } 492 | 493 | tp-yt-paper-tab.style-scope.ytmusic-playlist-form.iron-selected 494 | { 495 | color: var(--ctp-accent) !important; 496 | } 497 | 498 | div.tab-content.style-scope.tp-yt-paper-tab 499 | { 500 | color: var(--ctp-text) !important; 501 | } 502 | 503 | div.content.style-scope.ytmusic-playlist-form 504 | { 505 | caret-color: var(--ctp-accent) !important; 506 | background-color: var(--ctp-base) !important; 507 | color: var(--ctp-base) !important; 508 | } 509 | 510 | div#player-bar-background.style-scope.ytmusic-app-layout 511 | { 512 | background-color: var(--ctp-base) !important; 513 | } 514 | 515 | yt-formatted-string.subtitle.style-scope.ytmusic-two-row-item-renderer 516 | { 517 | color: var(--ctp-text) !important; 518 | } 519 | 520 | button.style-scope.ytmusic-navigation-button-renderer 521 | { 522 | background: var(--ctp-mantle) !important; 523 | color: var(--ctp-text) !important; 524 | } 525 | 526 | ytmusic-navigation-button-renderer.style-scope.ytmusic-carousel 527 | { 528 | --ytmusic-navigation-button-left-stripe-color: var(--ctp-accent) !important; 529 | } 530 | 531 | yt-icon.ytmusic-navigation-button-renderer 532 | { 533 | color: var(--ctp-accent) !important; 534 | } 535 | 536 | yt-icon.style-scope.ytmusic-icon-link-renderer 537 | { 538 | fill: var(--ctp-accent) !important; 539 | } 540 | 541 | tp-yt-iron-icon.chromecast.style-scope.ytmusic-cast-button 542 | { 543 | fill: var(--ctp-accent) !important; 544 | } 545 | 546 | tp-yt-paper-toast 547 | { 548 | background: var(--ctp-mantle) !important; 549 | color: var(--ctp-text) !important; 550 | } 551 | 552 | ytd-multi-page-menu-renderer.style-scope.ytmusic-popup-container 553 | { 554 | color: var(--ctp-text) !important; 555 | background-color: var(--ctp-base) !important; 556 | } 557 | 558 | ytd-active-account-header-renderer.style-scope.ytd-multi-page-menu-renderer 559 | { 560 | color: var(--ctp-text) !important; 561 | background-color: var(--ctp-base) !important; 562 | } 563 | 564 | yt-formatted-string#account-name.style-scope.ytd-active-account-header-renderer 565 | { 566 | color: var(--ctp-text) !important; 567 | } 568 | 569 | yt-formatted-string#channel-handle.style-scope.ytd-active-account-header-renderer 570 | { 571 | color: var(--ctp-accent) !important; 572 | } 573 | 574 | yt-icon.ytd-compact-link-renderer 575 | { 576 | color: var(--ctp-accent) !important; 577 | } 578 | 579 | yt-formatted-string.style-scope.ytmusic-shelf-renderer 580 | { 581 | color: var(--ctp-text) !important; 582 | } 583 | 584 | yt-formatted-string.style-scope.ytmusic-menu-service-item-download-renderer 585 | { 586 | color: var(--ctp-text) !important; 587 | } 588 | 589 | yt-formatted-string.strapline.style-scope.ytmusic-shelf-renderer 590 | { 591 | color: var(--ctp-text) !important; 592 | } 593 | 594 | ytmusic-search-box[has-query] input.ytmusic-search-box 595 | { 596 | color: var(--ctp-text) !important; 597 | } 598 | 599 | ytmusic-search-box[opened] input.ytmusic-search-box 600 | { 601 | color: var(--ctp-text) !important; 602 | } 603 | 604 | div.background-gradient.style-scope.ytmusic-browse-response 605 | { 606 | background-image: linear-gradient(to bottom, var(--ctp-base), var(--ctp-base)) !important; 607 | } 608 | 609 | ytmusic-search-suggestion 610 | { 611 | color: var(--ctp-text) !important; 612 | background: var(--ctp-mantle) !important; 613 | --iron-icon-fill-color: var(--ctp-accent) !important; 614 | } 615 | 616 | ytmusic-background-promo-renderer[renderer-style="full-height"] 617 | { 618 | background: none !important; 619 | } 620 | 621 | ytmusic-background-promo-renderer[renderer-style="full-height"] .promo-title.ytmusic-background-promo-renderer:not([hidden]) 622 | { 623 | color: var(--ctp-text) !important; 624 | } 625 | 626 | ytmusic-search-box[is-bauhaus-sidenav-enabled] #suggestion-list.ytmusic-search-box 627 | { 628 | background: var(--ctp-mantle) !important; 629 | } 630 | 631 | a.yt-simple-endpoint.style-scope.ytmusic-responsive-list-item-renderer 632 | { 633 | color: var(--ctp-text) !important; 634 | } 635 | 636 | ytmusic-search-suggestions-section.style-scope.ytmusic-search-box 637 | { 638 | background: var(--ctp-mantle) !important; 639 | } 640 | 641 | div.search-box.style-scope.ytmusic-search-box 642 | { 643 | background: var(--ctp-mantle) !important; 644 | } 645 | 646 | yt-page-navigation-progress.style-scope.ytmusic-app 647 | { 648 | --yt-page-navigation-container-color: var(--ctp-base) !important; 649 | --yt-page-navigation-progress-color: var(--ctp-accent) !important; 650 | } 651 | 652 | tp-yt-paper-progress#sliderBar.style-scope.tp-yt-paper-slider 653 | { 654 | color: var(--ctp-mantle) !important; 655 | } 656 | 657 | tp-yt-paper-slider#progress-bar.style-scope.ytmusic-player-bar 658 | { 659 | --paper-slider-secondary-color: var(--ctp-crust) !important; 660 | --paper-slider-container-color: var(--ctp-mantle) !important; 661 | } 662 | 663 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/music/listening_review/HOME_RECAP_SHELF_AVATAR_BLACK_60x60.png"] 664 | { 665 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/macchiato.png") !important; 666 | } 667 | 668 | ytmusic-player-expanding-menu#expanding-menu.style-scope.ytmusic-player-bar 669 | { 670 | background-color: var(--ctp-mantle) !important; 671 | } 672 | 673 | yt-icon.icon.style-scope.ytmusic-menu-navigation-item-renderer 674 | { 675 | fill: var(--ctp-accent) !important; 676 | } 677 | 678 | yt-formatted-string.text.style-scope.ytmusic-toggle-menu-service-item-renderer 679 | { 680 | color: var(--ctp-text) !important; 681 | } 682 | 683 | yt-icon.icon.style-scope.ytmusic-toggle-menu-service-item-renderer 684 | { 685 | fill: var(--ctp-accent) !important; 686 | } 687 | 688 | yt-icon.ytmusic-menu-service-item-download-renderer 689 | { 690 | fill: var(--ctp-accent) !important; 691 | } 692 | 693 | yt-formatted-string#label.style-scope.ytd-compact-link-renderer 694 | { 695 | color: var(--ctp-text) !important; 696 | } 697 | 698 | ytmusic-upload-ineligible.style-scope.ytmusic-dialog 699 | { 700 | background-color: var(--ctp-base) !important; 701 | } 702 | 703 | div.title.style-scope.ytmusic-upload-ineligible 704 | { 705 | color: var(--ctp-text) !important; 706 | } 707 | 708 | div.message.style-scope.ytmusic-upload-ineligible 709 | { 710 | color: var(--ctp-text) !important; 711 | } 712 | 713 | a.style-scope.ytmusic-upload-ineligible 714 | { 715 | color: var(--ctp-accent) !important; 716 | } 717 | 718 | tp-yt-paper-button.switch-accounts.style-scope.ytmusic-upload-ineligible 719 | { 720 | color: var(--ctp-text) !important; 721 | } 722 | 723 | tp-yt-paper-button.dismiss.style-scope.ytmusic-upload-ineligible 724 | { 725 | color: var(--ctp-text) !important; 726 | } 727 | 728 | ytmusic-settings-page.style-scope.ytmusic-dialog 729 | { 730 | background-color: var(--ctp-base) !important; 731 | color: var(--ctp-text) !important; 732 | } 733 | 734 | ytmusic-settings-category-collection-renderer.style-scope.ytmusic-settings-page 735 | { 736 | border: 1px var(--ctp-accent) solid !important; 737 | } 738 | 739 | yt-formatted-string.title.style-scope.ytmusic-settings-page 740 | { 741 | color: var(--ctp-text) !important; 742 | } 743 | 744 | span.dialog-title.style-scope.ytmusic-settings-page 745 | { 746 | color: var(--ctp-text) !important; 747 | } 748 | 749 | yt-icon.icon.style-scope.ytmusic-settings-page 750 | { 751 | color: var(--ctp-accent) !important; 752 | } 753 | 754 | yt-formatted-string.summary.style-scope.ytmusic-setting-read-only-item-renderer 755 | { 756 | color: var(--ctp-text) !important; 757 | } 758 | 759 | yt-formatted-string.title.style-scope.ytmusic-setting-read-only-item-renderer 760 | { 761 | color: var(--ctp-text) !important; 762 | } 763 | 764 | yt-formatted-string.summary.style-scope.ytmusic-setting-boolean-renderer 765 | { 766 | color: var(--ctp-text) !important; 767 | } 768 | 769 | yt-formatted-string.title.style-scope.ytmusic-setting-boolean-renderer 770 | { 771 | color: var(--ctp-text) !important; 772 | } 773 | 774 | tp-yt-paper-item.category-menu-item.style-scope.ytmusic-settings-page.iron-selected 775 | { 776 | background-color: var(--ctp-crust) !important; 777 | } 778 | 779 | yt-formatted-string.tab.style-scope.ytmusic-item-section-tab-renderer 780 | { 781 | color: var(--ctp-text) !important; 782 | } 783 | 784 | ytmusic-item-section-tab-renderer.iron-selected .tab.ytmusic-item-section-tab-renderer 785 | { 786 | color: var(--ctp-text) !important; 787 | border-bottom: 2px solid var(--ctp-text) !important; 788 | } 789 | 790 | ytmusic-item-section-tabs-container.style-scope.ytmusic-item-section-tabbed-header-renderer 791 | { 792 | color: var(--ctp-text) !important; 793 | } 794 | 795 | div#end-items.style-scope.ytmusic-item-section-tabbed-header-renderer 796 | { 797 | border-top: 1px solid var(--ctp-base) !important; 798 | } 799 | 800 | ytmusic-dropdown-item-renderer.style-scope.ytmusic-dropdown-renderer 801 | { 802 | background-color: var(--ctp-base) !important; 803 | color: var(--ctp-text) !important; 804 | } 805 | 806 | ytmusic-dropdown-item-renderer.style-scope.ytmusic-dropdown-renderer.iron-selected 807 | { 808 | background-color: var(--ctp-mantle) !important; 809 | color: var(--ctp-text) !important; 810 | } 811 | 812 | yt-formatted-string.label.style-scope.ytmusic-dropdown-item-renderer 813 | { 814 | color: var(--ctp-text) !important; 815 | } 816 | 817 | ytmusic-dropdown-renderer.style-scope.ytmusic-item-section-tabbed-header-renderer 818 | { 819 | color: var(--ctp-text) !important; 820 | background-color: var(--ctp-base) !important; 821 | border: 1px solid var(--ctp-accent) !important; 822 | } 823 | 824 | input.style-scope.tp-yt-paper-input 825 | { 826 | color: var(--ctp-text) !important; 827 | } 828 | 829 | yt-formatted-string.flex-column.style-scope.ytmusic-responsive-list-item-renderer 830 | { 831 | color: var(--ctp-text) !important; 832 | } 833 | 834 | yt-formatted-string.title.style-scope.ytmusic-responsive-list-item-renderer 835 | { 836 | color: var(--ctp-text) !important; 837 | } 838 | 839 | yt-icon.tab-icon.style-scope.ytmusic-message-renderer 840 | { 841 | color: var(--ctp-text) !important; 842 | } 843 | 844 | yt-formatted-string.text.style-scope.ytmusic-message-renderer 845 | { 846 | color: var(--ctp-text) !important; 847 | } 848 | 849 | yt-formatted-string.subtext.style-scope.ytmusic-message-renderer 850 | { 851 | color: var(--ctp-text) !important; 852 | } 853 | 854 | div#header.style-scope.ytmusic-item-section-renderer 855 | { 856 | border-bottom: 1px solid var(--ctp-base) !important; 857 | box-shadow: none !important; 858 | } 859 | 860 | ytmusic-background-overlay-renderer#background.style-scope.ytmusic-item-thumbnail-overlay-renderer 861 | { 862 | --ytmusic-background-overlay-background: linear-gradient(var(--ctp-base), #00000000) !important; 863 | } 864 | 865 | yt-formatted-string#suggestion-cell-0x0.title.style-scope.ytmusic-search-suggestion 866 | { 867 | color: var(--ctp-text) !important; 868 | } 869 | 870 | yt-formatted-string#suggestion-cell-1x0.title.style-scope.ytmusic-search-suggestion 871 | { 872 | color: var(--ctp-text) !important; 873 | } 874 | 875 | yt-formatted-string#suggestion-cell-2x0.title.style-scope.ytmusic-search-suggestion 876 | { 877 | color: var(--ctp-text) !important; 878 | } 879 | 880 | yt-formatted-string#suggestion-cell-3x0.title.style-scope.ytmusic-search-suggestion 881 | { 882 | color: var(--ctp-text) !important; 883 | } 884 | 885 | ytmusic-search-box.style-scope.ytmusic-nav-bar 886 | { 887 | border: 1px solid var(--ctp-mantle) !important; 888 | } 889 | 890 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/youtube/media/ytm/images/pbg/create-playlist-@210.png"] 891 | { 892 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/macchiato-playlist.png") !important; 893 | } 894 | 895 | ytmusic-tabs#tabs.style-scope.ytmusic-tabbed-search-results-renderer.stuck 896 | { 897 | background-color: var(--ctp-base) !important; 898 | box-shadow: none !important; 899 | } 900 | 901 | div#tabs.tab-container.style-scope.ytmusic-tabs 902 | { 903 | border-bottom: none !important; 904 | } 905 | 906 | yt-formatted-string.tab.selected.style-scope.ytmusic-tabs 907 | { 908 | color: var(--ctp-text) !important; 909 | border-bottom: 2px solid var(--ctp-text) !important; 910 | } 911 | 912 | yt-formatted-string.tab.style-scope.ytmusic-tabs 913 | { 914 | color: var(--ctp-text) !important; 915 | } 916 | 917 | span.italic.style-scope.yt-formatted-string 918 | { 919 | color: var(--ctp-accent) !important; 920 | } 921 | 922 | yt-formatted-string#corrected.style-scope.yt-search-query-correction 923 | { 924 | color: var(--ctp-text) !important; 925 | } 926 | 927 | ytmusic-chip-cloud-chip-renderer[enable-bauhaus-style][chip-style=STYLE_LARGE_TRANSLUCENT_AND_SELECTED_WHITE][is-selected]:not(.iron-selected) a.ytmusic-chip-cloud-chip-renderer 928 | { 929 | border: 1px solid var(--ctp-accent) !important; 930 | } 931 | 932 | yt-formatted-string.title.style-scope.ytmusic-visual-header-renderer 933 | { 934 | color: var(--ctp-text) !important; 935 | } 936 | 937 | yt-formatted-string#text.style-scope.yt-button-renderer.style-dark-on-white 938 | { 939 | color: var(--ctp-base) !important; 940 | } 941 | 942 | div.gradient-container.style-scope.ytmusic-visual-header-renderer 943 | { 944 | background: var(--ctp-base) !important; 945 | } 946 | 947 | tp-yt-paper-icon-button#next-items-button.next-items-button.style-scope.ytmusic-carousel-shelf-renderer 948 | { 949 | border: solid 1px var(--ctp-accent) !important; 950 | } 951 | 952 | tp-yt-paper-icon-button#previous-items-button.previous-items-button.style-scope.ytmusic-carousel-shelf-renderer 953 | { 954 | border: solid 1px var(--ctp-accent) !important; 955 | } 956 | 957 | tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-bar.tp-yt-paper-toggle-button 958 | { 959 | background-color: var(--ctp-accent) !important; 960 | } 961 | 962 | tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-button.tp-yt-paper-toggle-button 963 | { 964 | background-color: var(--ctp-accent) !important; 965 | } 966 | 967 | .toggle-bar.tp-yt-paper-toggle-button 968 | { 969 | background-color: var(--ctp-text) !important; 970 | } 971 | 972 | .toggle-button.tp-yt-paper-toggle-button 973 | { 974 | background-color: var(--ctp-text) !important; 975 | } 976 | 977 | .items.ytmusic-setting-category-collection-renderer>*.ytmusic-setting-category-collection-renderer 978 | { 979 | border-bottom: none !important; 980 | } 981 | 982 | .top-bar.ytmusic-settings-page 983 | { 984 | border-bottom: none; 985 | } 986 | 987 | div.style-scope.ytmusic-setting-single-option-menu-renderer 988 | { 989 | color: var(--ctp-text) !important; 990 | } 991 | 992 | span.style-scope.ytmusic-setting-single-option-menu-renderer 993 | { 994 | color: var(--ctp-text) !important; 995 | } 996 | 997 | div.unfocused-line.style-scope.tp-yt-paper-input-container 998 | { 999 | background-color: var(--ctp-text) !important; 1000 | } 1001 | 1002 | .focused-line.tp-yt-paper-input-container 1003 | { 1004 | border-color: var(--ctp-accent) !important; 1005 | } 1006 | 1007 | tp-yt-iron-icon.style-scope.tp-yt-paper-dropdown-menu 1008 | { 1009 | color: var(--ctp-text) !important; 1010 | } 1011 | 1012 | ytd-multi-page-menu-renderer.style-scope.ytd-multi-page-menu-renderer 1013 | { 1014 | background: var(--ctp-base) !important; 1015 | } 1016 | 1017 | ytd-simple-menu-header-renderer.style-scope.ytd-multi-page-menu-renderer 1018 | { 1019 | background-color: var(--ctp-base) !important; 1020 | } 1021 | 1022 | yt-icon.style-scope.ytd-button-renderer 1023 | { 1024 | fill: var(--ctp-text) !important; 1025 | } 1026 | 1027 | yt-formatted-string.style-scope.ytd-simple-menu-header-renderer 1028 | { 1029 | color: var(--ctp-text) !important; 1030 | } 1031 | 1032 | yt-formatted-string#email.style-scope.ytd-google-account-header-renderer 1033 | { 1034 | color: var(--ctp-text) !important; 1035 | } 1036 | 1037 | yt-formatted-string#name.style-scope.ytd-google-account-header-renderer 1038 | { 1039 | color: var(--ctp-text) !important; 1040 | } 1041 | 1042 | yt-formatted-string.style-scope.ytd-account-item-renderer 1043 | { 1044 | color: var(--ctp-text) !important; 1045 | } 1046 | 1047 | yt-formatted-string.style-scope.ytd-account-item-section-header-renderer 1048 | { 1049 | color: var(--ctp-text) !important; 1050 | } 1051 | 1052 | ytd-account-item-renderer[enable-ring-for-active-account] yt-img-shadow.ytd-account-item-renderer 1053 | { 1054 | border: 2px solid var(--ctp-accent) !important; 1055 | } 1056 | 1057 | ytmusic-player[player-ui-state_=MINIPLAYER] .song-media-controls.ytmusic-player 1058 | { 1059 | background: linear-gradient(var(--ctp-base) 20%, #00000000 100%) !important; 1060 | } 1061 | 1062 | #thumbnail-corner-overlay.ytmusic-two-row-item-renderer>ytmusic-thumbnail-renderer.ytmusic-two-row-item-renderer 1063 | { 1064 | color: var(--ctp-text) !important; 1065 | border: 1px solid var(--ctp-text) !important; 1066 | } 1067 | 1068 | .container.ytmusic-custom-index-column-renderer 1069 | { 1070 | color: var(--ctp-text) !important; 1071 | } 1072 | 1073 | ytmusic-custom-index-column-renderer[icon-color-style=CUSTOM_INDEX_COLUMN_ICON_COLOR_STYLE_GREY] .icon.ytmusic-custom-index-column-renderer 1074 | { 1075 | color: var(--ctp-text) !important; 1076 | } 1077 | 1078 | ytmusic-custom-index-column-renderer[icon-color-style=CUSTOM_INDEX_COLUMN_ICON_COLOR_STYLE_GREEN] .icon.ytmusic-custom-index-column-renderer 1079 | { 1080 | color: var(--ctp-green) !important; 1081 | } 1082 | 1083 | ytmusic-custom-index-column-renderer[icon-color-style=CUSTOM_INDEX_COLUMN_ICON_COLOR_STYLE_RED] .icon.ytmusic-custom-index-column-renderer 1084 | { 1085 | color: var(--ctp-red) !important; 1086 | } 1087 | 1088 | button#button.style-scope.ytmusic-sort-filter-button-renderer 1089 | { 1090 | color: var(--ctp-text) !important; 1091 | background-color: var(--ctp-base) !important; 1092 | border: 1px solid var(--ctp-accent) !important; 1093 | } 1094 | 1095 | #container.ytmusic-multi-select-menu-renderer 1096 | { 1097 | border: 1px solid var(--ctp-accent) !important; 1098 | background: var(--ctp-base) !important; 1099 | } 1100 | 1101 | #items.ytmusic-multi-select-menu-renderer 1102 | { 1103 | background: var(--ctp-base) !important; 1104 | } 1105 | 1106 | yt-formatted-string.text.style-scope.ytmusic-menu-title-renderer 1107 | { 1108 | color: var(--ctp-text) !important; 1109 | } 1110 | 1111 | yt-formatted-string.text.style-scope.ytmusic-multi-select-menu-item-renderer 1112 | { 1113 | color: var(--ctp-text) !important; 1114 | } 1115 | 1116 | .title.ytmusic-setting-action-renderer 1117 | { 1118 | color: var(--ctp-text) !important; 1119 | } 1120 | 1121 | .summary.ytmusic-setting-action-renderer 1122 | { 1123 | color: var(--ctp-text) !important; 1124 | } 1125 | 1126 | yt-formatted-string.primary-text.style-scope.ytmusic-tastebuilder-renderer 1127 | { 1128 | color: var(--ctp-text) !important; 1129 | } 1130 | 1131 | yt-formatted-string.secondary-text.style-scope.ytmusic-tastebuilder-renderer 1132 | { 1133 | color: var(--ctp-text) !important; 1134 | } 1135 | 1136 | yt-formatted-string.primary-text.style-scope.ytmusic-tastebuilder-item-renderer 1137 | { 1138 | color: var(--ctp-text) !important; 1139 | } 1140 | 1141 | div.overlay-effect.style-scope.ytmusic-tastebuilder-item-renderer 1142 | { 1143 | background: linear-gradient(var(--ctp-base) 0%, #00000000 100%) !important; 1144 | color: var(--ctp-base) !important; 1145 | } 1146 | 1147 | yt-icon.ytmusic-tastebuilder-item-renderer 1148 | { 1149 | color: var(--ctp-text) !important; 1150 | } 1151 | 1152 | yt-button-renderer #button.yt-button-renderer 1153 | { 1154 | color: var(--ctp-base) !important; 1155 | } 1156 | 1157 | .buttons.ytmusic-tastebuilder-renderer 1158 | { 1159 | background: var(--ctp-mantle) !important; 1160 | } 1161 | 1162 | input.ytmusic-search-box, #placeholder.ytmusic-search-box 1163 | { 1164 | color: var(--ctp-text) !important; 1165 | } 1166 | 1167 | ytmusic-toggle-button-renderer #button.ytmusic-toggle-button-renderer 1168 | { 1169 | color: var(--ctp-text) !important; 1170 | } 1171 | 1172 | ytmusic-responsive-list-item-renderer[show-checkbox] yt-checkbox-renderer.ytmusic-responsive-list-item-renderer 1173 | { 1174 | --yt-spec-text-primary: var(--ctp-accent) !important; 1175 | } 1176 | 1177 | #input::placeholder 1178 | { 1179 | color: var(--ctp-text) !important; 1180 | } 1181 | 1182 | yt-formatted-string.non-expandable.description.style-scope.ytmusic-description-shelf-renderer 1183 | { 1184 | color: var(--ctp-text) !important; 1185 | } 1186 | 1187 | yt-formatted-string.footer.style-scope.ytmusic-description-shelf-renderer 1188 | { 1189 | color: var(--ctp-text) !important; 1190 | } 1191 | 1192 | tp-yt-paper-icon-button.ytmusic-settings-button 1193 | { 1194 | background-color: var(--ctp-text) !important; 1195 | } 1196 | 1197 | yt-img-shadow#avatar.style-scope.ytd-active-account-header-renderer.no-transition 1198 | { 1199 | background-color: var(--ctp-text) !important; 1200 | } 1201 | 1202 | yt-multi-page-menu-section-renderer.style-scope.ytd-multi-page-menu-renderer 1203 | { 1204 | border-bottom: none !important; 1205 | } 1206 | 1207 | ytd-active-account-header-renderer.style-scope.ytd-multi-page-menu-renderer 1208 | { 1209 | border-bottom: none !important; 1210 | } 1211 | 1212 | ytd-multi-page-menu-renderer.style-scope.ytmusic-popup-container 1213 | { 1214 | border: 1px solid var(--ctp-surface0) !important; 1215 | } 1216 | 1217 | ytd-multi-page-menu-renderer 1218 | { 1219 | border-radius: 5px !important; 1220 | } 1221 | 1222 | ytmusic-setting-category-collection-renderer.style-scope.ytmusic-settings-page 1223 | { 1224 | border-left: none !important; 1225 | } 1226 | 1227 | tp-yt-paper-tabs.tab-header-container.style-scope.ytmusic-player-page 1228 | { 1229 | border-bottom: none !important; 1230 | } 1231 | 1232 | ytmusic-item-thumbnail-overlay-renderer.thumbnail-overlay.style-scope.ytmusic-two-row-item-renderer 1233 | { 1234 | background: #00000000 !important; 1235 | } 1236 | 1237 | yt-formatted-string.header.style-scope.ytmusic-description-shelf-renderer 1238 | { 1239 | color: var(--ctp-text) !important; 1240 | } 1241 | 1242 | yt-formatted-string.description.style-scope.ytmusic-description-shelf-renderer 1243 | { 1244 | color: var(--ctp-text) !important; 1245 | } 1246 | 1247 | ytmusic-app-layout 1248 | { 1249 | --ytmusic-fullscreen-player-overlay-gradient: linear-gradient(#00000000 0%, #00000000 75%, var(--ctp-base) 100%) !important; 1250 | } 1251 | 1252 | div.song-media-controls.style-scope.ytmusic-player 1253 | { 1254 | background: linear-gradient(var(--ctp-base) 0%, #00000000 50%) !important; 1255 | } 1256 | 1257 | ytmusic-player-queue-item.style-scope.ytmusic-player-queue 1258 | { 1259 | border-bottom: none !important; 1260 | } 1261 | 1262 | yt-multi-page-menu-section-renderer.style-scope.ytd-multi-page-menu-renderer 1263 | { 1264 | border-top: none !important; 1265 | } 1266 | 1267 | div#container.style-scope.ytd-google-account-header-renderer 1268 | { 1269 | border-bottom: none !important; 1270 | } 1271 | 1272 | ytd-account-section-list-renderer.style-scope.ytd-multi-page-menu-renderer 1273 | { 1274 | border-top: none !important; 1275 | } 1276 | 1277 | ytmusic-responsive-list-item-renderer.style-scope.ytmusic-shelf-renderer 1278 | { 1279 | border-bottom: none !important; 1280 | } 1281 | 1282 | ytmusic-responsive-list-item-renderer.style-scope.ytmusic-playlist-shelf-renderer 1283 | { 1284 | border-bottom: none !important; 1285 | } 1286 | 1287 | yt-formatted-string.style-scope.ytmusic-grid-header-renderer 1288 | { 1289 | color: var(--ctp-text) !important; 1290 | } 1291 | 1292 | ytmusic-navigation-button-renderer[button-style=STYLE_SOLID] button.ytmusic-navigation-button-renderer 1293 | { 1294 | border-left: 6px solid var(--ctp-accent) !important; 1295 | } 1296 | 1297 | yt-confirm-dialog-renderer.style-scope.ytmusic-popup-container 1298 | { 1299 | background: var(--ctp-mantle) !important; 1300 | } 1301 | 1302 | .buttons.yt-confirm-dialog-renderer 1303 | { 1304 | border-top: none !important; 1305 | } 1306 | 1307 | yt-formatted-string#title.style-scope.yt-confirm-dialog-renderer 1308 | { 1309 | color: var(--ctp-text) !important; 1310 | } 1311 | 1312 | yt-formatted-string.line-text.style-scope.yt-confirm-dialog-renderer 1313 | { 1314 | color: var(--ctp-text) !important; 1315 | } 1316 | 1317 | div.value.style-scope.ytmusic-nerd-stats 1318 | { 1319 | color: var(--ctp-text) !important; 1320 | } 1321 | 1322 | ytmusic-nerd-stats.style-scope.ytmusic-player 1323 | { 1324 | background-color: var(--ctp-base) !important; 1325 | } 1326 | 1327 | tp-yt-iron-overlay-backdrop.opened 1328 | { 1329 | color: var(--ctp-crust) !important; 1330 | background: var(--ctp-crust) !important; 1331 | } 1332 | 1333 | iron-label#iron-label-1.title.style-scope.ytmusic-tab-renderer 1334 | { 1335 | color: var(--ctp-text) !important; 1336 | } 1337 | 1338 | div.subtitle.style-scope.ytmusic-tab-renderer 1339 | { 1340 | color: var(--ctp-text) !important; 1341 | } 1342 | 1343 | div.gradient-container.style-scope.ytmusic-immersive-header-renderer 1344 | { 1345 | background: linear-gradient(360deg, var(--ctp-base) 9.89%, #00000000 100%) !important; 1346 | } 1347 | 1348 | yt-unlimited-page-header-renderer.style-scope.ytmusic-item-section-renderer 1349 | { 1350 | background: var(--ctp-base) !important; 1351 | } 1352 | 1353 | yt-formatted-string#header.style-scope.yt-music-pass-feature-info-renderer 1354 | { 1355 | color: var(--ctp-text) !important; 1356 | } 1357 | 1358 | yt-formatted-string#description.style-scope.yt-music-pass-feature-info-renderer 1359 | { 1360 | color: var(--ctp-text) !important; 1361 | } 1362 | 1363 | yt-formatted-string#header.style-scope.yt-music-pass-small-feature-info-renderer 1364 | { 1365 | color: var(--ctp-text) !important; 1366 | } 1367 | 1368 | yt-formatted-string#description.style-scope.yt-music-pass-small-feature-info-renderer 1369 | { 1370 | color: var(--ctp-text) !important; 1371 | } 1372 | 1373 | yt-formatted-string#subtitle.style-scope.yt-unlimited-page-header-renderer 1374 | { 1375 | color: var(--ctp-text) !important; 1376 | } 1377 | 1378 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/youtube/img/promos/growth/ytm_lp2_icon_feature_headset_84x84.png"] 1379 | { 1380 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/macchiatoprem1.png") !important; 1381 | background-color: var(--ctp-accent) !important; 1382 | } 1383 | 1384 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/youtube/img/promos/growth/ytm_lp2_icon_feature_play_84x84.png"] 1385 | { 1386 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/macchiatoprem2.png") !important; 1387 | background-color: var(--ctp-accent) !important; 1388 | } 1389 | 1390 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/youtube/img/promos/growth/ytm_lp2_icon_feature_download_84x84.png"] 1391 | { 1392 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/macchiatoprem3.png") !important; 1393 | background-color: var(--ctp-accent) !important; 1394 | } 1395 | 1396 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/youtube/img/promos/growth/ytm_lp2_logo_desktop_552x71.png"] 1397 | { 1398 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/macchiatopremtitle.png") !important; 1399 | background-color: var(--ctp-accent) !important; 1400 | } 1401 | 1402 | ytmusic-multi-select-menu-bar.style-scope.ytmusic-dialog 1403 | { 1404 | background-color: var(--ctp-mantle) !important; 1405 | } 1406 | 1407 | ytmusic-dialog 1408 | { 1409 | background-color: var(--ctp-surface0) !important; 1410 | border: 1px var(--ctp-surface0) solid !important; 1411 | border-radius: 2px !important; 1412 | } 1413 | 1414 | yt-formatted-string.style-scope.ytmusic-multi-select-menu-bar 1415 | { 1416 | color: var(--ctp-text) !important; 1417 | } 1418 | 1419 | yt-checkbox-renderer.fixed-column.MUSIC_RESPONSIVE_LIST_ITEM_COLUMN_DISPLAY_PRIORITY_HIGH.style-scope.ytmusic-responsive-list-item-renderer 1420 | { 1421 | color: var(--ctp-accent) !important; 1422 | } 1423 | 1424 | button.yt-icon-button > yt-icon 1425 | { 1426 | fill: var(--ctp-accent) !important; 1427 | } 1428 | 1429 | ytmusic-unified-share-panel-renderer.style-scope.ytmusic-popup-container 1430 | { 1431 | background-color: var(--ctp-mantle) !important; 1432 | } 1433 | 1434 | tp-yt-paper-dialog.style-scope.ytmusic-popup-container 1435 | { 1436 | background-color: var(--ctp-mantle) !important; 1437 | } 1438 | 1439 | div#title.style-scope.yt-share-target-renderer 1440 | { 1441 | color: var(--ctp-text) !important; 1442 | } 1443 | 1444 | h2#title.style-scope.yt-share-panel-title-v15-renderer 1445 | { 1446 | color: var(--ctp-text) !important; 1447 | } 1448 | 1449 | input#share-url.style-scope.yt-copy-link-renderer 1450 | { 1451 | color: var(--ctp-text) !important; 1452 | } 1453 | 1454 | div#bar.style-scope.yt-copy-link-renderer 1455 | { 1456 | background-color: var(--ctp-crust) !important; 1457 | border: 1px var(--ctp-accent) solid !important; 1458 | } 1459 | 1460 | .scroll-button.yt-third-party-share-target-section-renderer 1461 | { 1462 | background-color: var(--ctp-crust) !important; 1463 | } 1464 | 1465 | ytmusic-playlist-form.style-scope.ytmusic-dialog 1466 | { 1467 | background-color: var(--ctp-mantle) !important; 1468 | } 1469 | 1470 | ytmusic-playlist-form[tabbed-ui-enabled] iron-pages.ytmusic-playlist-form .content.ytmusic-playlist-form 1471 | { 1472 | border-top: none !important; 1473 | border-bottom: none !important; 1474 | } 1475 | 1476 | tp-yt-paper-button.submit-button.style-scope.ytmusic-playlist-form 1477 | { 1478 | color: var(--ctp-mantle) !important; 1479 | background-color: var(--ctp-accent) !important; 1480 | } 1481 | 1482 | tp-yt-paper-button.cancel-button.style-scope.ytmusic-playlist-form 1483 | { 1484 | color: var(--ctp-accent) !important; 1485 | } 1486 | 1487 | div#caption.style-scope.yt-toggle-form-field-renderer 1488 | { 1489 | color: var(--ctp-text) !important; 1490 | } 1491 | 1492 | .floated-label-placeholder.tp-yt-paper-input-container 1493 | { 1494 | color: var(--ctp-text) !important; 1495 | } 1496 | 1497 | ytmusic-dropdown-renderer[dropdown-style=underline] .icon.ytmusic-dropdown-renderer 1498 | { 1499 | color: var(--ctp-accent) !important; 1500 | } 1501 | 1502 | .icon.ytmusic-dropdown-item-renderer 1503 | { 1504 | color: var(--ctp-accent) !important; 1505 | } 1506 | 1507 | yt-formatted-string.description.style-scope.ytmusic-dropdown-item-renderer 1508 | { 1509 | color: var(--ctp-text) !important; 1510 | } 1511 | 1512 | yt-formatted-string.headline.style-scope.ytmusic-add-to-playlist-renderer 1513 | { 1514 | color: var(--ctp-text) !important; 1515 | } 1516 | 1517 | yt-formatted-string.section-heading.style-scope.ytmusic-add-to-playlist-renderer 1518 | { 1519 | color: var(--ctp-text) !important; 1520 | } 1521 | 1522 | yt-formatted-string#title.style-scope.ytmusic-playlist-add-to-option-renderer 1523 | { 1524 | color: var(--ctp-text) !important; 1525 | } 1526 | 1527 | ytmusic-add-to-playlist-renderer 1528 | { 1529 | background-color: var(--ctp-mantle) !important; 1530 | border: 1px solid var(--ctp-accent) !important; 1531 | } 1532 | 1533 | ytmusic-carousel-shelf-renderer.ytmusic-add-to-playlist-renderer:not(:empty) 1534 | { 1535 | border-bottom: none !important; 1536 | } 1537 | 1538 | .top-bar.ytmusic-add-to-playlist-renderer 1539 | { 1540 | border-bottom: none !important; 1541 | } 1542 | 1543 | yt-formatted-string.byline.style-scope.ytmusic-playlist-add-to-option-renderer 1544 | { 1545 | color: var(--ctp-text) !important; 1546 | } 1547 | 1548 | img#img.style-scope.yt-img-shadow[src="https://lh3.googleusercontent.com/wr28amLh-pMk4vmrYv_Orhly8DTtdvZJFuLwmXG5RNvZJjGlFe_WMnKp4pWlZI1gL7ihQn-xZuzZ0A6VZZbv2Z-iTEH3dpjn=w88-h88"] 1549 | { 1550 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/macchiatoplaylistempty.png") !important; 1551 | } 1552 | 1553 | tp-yt-paper-toast#toast.style-scope.ytmusic-notification-text-renderer.paper-toast-open 1554 | { 1555 | background-color: var(--ctp-mantle) !important; 1556 | color: var(--ctp-text) !important; 1557 | } 1558 | 1559 | tp-yt-paper-toast#toast.toast-button.style-scope.yt-notification-action-renderer.paper-toast-open 1560 | { 1561 | background-color: var(--ctp-mantle) !important; 1562 | color: var(--ctp-text) !important; 1563 | } 1564 | 1565 | yt-formatted-string#text.style-scope.yt-notification-action-renderer 1566 | { 1567 | color: var(--ctp-text) !important; 1568 | } 1569 | 1570 | tp-yt-paper-toast#toast.toast-button.style-scope.yt-notification-action-renderer 1571 | { 1572 | background-color: var(--ctp-mantle) !important; 1573 | color: var(--ctp-text) !important; 1574 | } 1575 | 1576 | tp-yt-paper-toast#toast.style-scope.ytmusic-notification-text-renderer 1577 | { 1578 | background-color: var(--ctp-mantle) !important; 1579 | color: var(--ctp-text) !important; 1580 | } 1581 | 1582 | div.title.style-scope.ytmusic-player-queue 1583 | { 1584 | color: var(--ctp-text) !important; 1585 | opacity: 1 !important; 1586 | } 1587 | 1588 | yt-icon.icon.style-scope.ytmusic-multi-select-menu-item-renderer 1589 | { 1590 | fill: var(--ctp-accent) !important; 1591 | } 1592 | 1593 | ytmusic-icon-badge-renderer.thumbnail.style-scope.ytmusic-responsive-list-item-renderer 1594 | { 1595 | background-color: var(--ctp-mantle) !important; 1596 | color: var(--ctp-text) !important; 1597 | } 1598 | 1599 | #title.ytmusic-multi-select-menu-renderer 1600 | { 1601 | border-bottom: none !important; 1602 | } 1603 | 1604 | ytmusic-menu-item-divider-renderer.style-scope.ytmusic-multi-select-menu-renderer 1605 | { 1606 | border-bottom: none !important; 1607 | } 1608 | 1609 | yt-formatted-string.title.style-scope.ytmusic-setting-single-option-menu-renderer 1610 | { 1611 | color: var(--ctp-text) !important; 1612 | } 1613 | 1614 | .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text 1615 | { 1616 | color: var(--ctp-accent) !important; 1617 | } 1618 | 1619 | .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled 1620 | { 1621 | color: var(--ctp-base) !important; 1622 | background-color: var(--ctp-accent) !important; 1623 | } 1624 | 1625 | .yt-spec-touch-feedback-shape--touch-response .yt-spec-touch-feedback-shape__fill 1626 | { 1627 | background-color: var(--ctp-text) !important; 1628 | } 1629 | 1630 | .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline 1631 | { 1632 | color: var(--ctp-accent) !important; 1633 | border-color: var(--ctp-accent) !important; 1634 | border-radius: 36px !important; 1635 | } 1636 | 1637 | ytmusic-av-toggle[playback-mode=OMV_PREFERRED] .video-button.ytmusic-av-toggle 1638 | { 1639 | background-color: var(--ctp-mantle) !important; 1640 | } 1641 | 1642 | ytmusic-av-toggle[playback-mode=ATV_PREFERRED] .song-button.ytmusic-av-toggle 1643 | { 1644 | background-color: var(--ctp-mantle) !important; 1645 | } 1646 | 1647 | ytmusic-av-toggle[toggle-disabled] .song-button.ytmusic-av-toggle 1648 | { 1649 | color: var(--ctp-accent) !important; 1650 | background-color: var(--ctp-crust); 1651 | } 1652 | 1653 | ytmusic-av-toggle[toggle-disabled] .video-button.ytmusic-av-toggle 1654 | { 1655 | color: var(--ctp-accent) !important; 1656 | background-color: var(--ctp-crust); 1657 | } 1658 | 1659 | .av-toggle.ytmusic-av-toggle 1660 | { 1661 | opacity: 1 !important; 1662 | background-color: var(--ctp-crust) !important; 1663 | } 1664 | 1665 | .yt-spec-button-shape-next--call-to-action-inverse.yt-spec-button-shape-next--text 1666 | { 1667 | color: var(--ctp-accent) !important; 1668 | } 1669 | 1670 | ytmusic-guide-entry-renderer 1671 | { 1672 | color: var(--ctp-accent) !important; 1673 | } 1674 | 1675 | ytmusic-guide-entry-renderer[active] tp-yt-paper-item.ytmusic-guide-entry-renderer 1676 | { 1677 | background-color: var(--ctp-base) !important; 1678 | } 1679 | 1680 | ytmusic-app[is-bauhaus-sidenav-enabled] #guide-wrapper.ytmusic-app 1681 | { 1682 | background: var(--ctp-mantle) !important; 1683 | border: none !important; 1684 | } 1685 | 1686 | #divider.ytmusic-guide-section-renderer 1687 | { 1688 | border: none !important; 1689 | } 1690 | 1691 | .title.ytmusic-guide-entry-renderer 1692 | { 1693 | color: var(--ctp-text) !important; 1694 | } 1695 | 1696 | .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal 1697 | { 1698 | color: var(--ctp-text) !important; 1699 | background-color: var(--ctp-base) !important; 1700 | } 1701 | 1702 | ytmusic-guide-entry-renderer:not([is-primary]) .subtitle.ytmusic-guide-entry-renderer 1703 | { 1704 | color: var(--ctp-text) !important; 1705 | } 1706 | 1707 | ytmusic-guide-renderer[is-collapsed] 1708 | { 1709 | background: var(--ctp-mantle) !important; 1710 | } 1711 | 1712 | yt-start-at-renderer.yt-third-party-network-section-renderer 1713 | { 1714 | padding-top: 0 !important; 1715 | border-top: none !important; 1716 | } 1717 | 1718 | yt-formatted-string.yt-start-at-renderer 1719 | { 1720 | color: var(--ctp-text) !important; 1721 | } 1722 | 1723 | #checkbox.tp-yt-paper-checkbox 1724 | { 1725 | border-color: var(--ctp-text) !important; 1726 | } 1727 | 1728 | #checkbox.checked.tp-yt-paper-checkbox 1729 | { 1730 | background-color: var(--ctp-text) !important; 1731 | } 1732 | 1733 | .unfocused-line.tp-yt-paper-input-container 1734 | { 1735 | border-bottom: none !important; 1736 | } 1737 | 1738 | ytmusic-player-page[is-mweb-modernization-enabled][player-page-ui-state=TABS_VIEW] #side-panel.ytmusic-player-page { 1739 | background: var(--ctp-base) !important; 1740 | } 1741 | 1742 | ytmusic-player-page[is-mweb-modernization-enabled] .side-panel.ytmusic-player-page { 1743 | background: var(--ctp-base) !important; 1744 | } 1745 | 1746 | ytmusic-player-page[is-mweb-modernization-enabled][player-page-ui-state=TABS_VIEW] #main-panel.ytmusic-player-page { 1747 | background: var(--ctp-base) !important; 1748 | } 1749 | 1750 | .content-info-wrapper.ytmusic-player-bar .byline.ytmusic-player-bar { 1751 | color: var(--ctp-accent) !important; 1752 | } 1753 | 1754 | .title.ytmusic-player-controls { 1755 | color: var(--ctp-text) !important; 1756 | } 1757 | 1758 | .byline.ytmusic-player-controls { 1759 | color: var(--ctp-accent) !important; 1760 | } 1761 | 1762 | .play-pause-button-wrapper.ytmusic-player-controls { 1763 | background: var(--ctp-mantle) !important; 1764 | } 1765 | 1766 | #primaryProgress.tp-yt-paper-progress { 1767 | background-color: var(--ctp-accent) !important; 1768 | } 1769 | 1770 | #secondaryProgress.tp-yt-paper-progress { 1771 | background-color: var(--ctp-crust) !important; 1772 | } 1773 | 1774 | #progressContainer.tp-yt-paper-progress, .indeterminate.tp-yt-paper-progress::after { 1775 | background-color: var(--ctp-mantle) !important; 1776 | } 1777 | 1778 | .slider-knob-inner.tp-yt-paper-slider { 1779 | background-color: var(--ctp-accent) !important; 1780 | border: var(--ctp-accent) 2px solid !important; 1781 | } 1782 | 1783 | .current-time.ytmusic-player-controls, .total-time.ytmusic-player-controls { 1784 | color: var(--ctp-text) !important; 1785 | } 1786 | 1787 | .title.ytmusic-queue-header-renderer { 1788 | color: var(--ctp-text) !important; 1789 | } 1790 | 1791 | .subtitle.ytmusic-queue-header-renderer { 1792 | color: var(--ctp-text) !important; 1793 | } 1794 | 1795 | .autoplay.ytmusic-tab-renderer .title.ytmusic-tab-renderer { 1796 | color: var(--ctp-text) !important; 1797 | } 1798 | 1799 | ytmusic-player-page[is-mweb-modernization-enabled] .background-gradient.ytmusic-player-page { 1800 | background: var(--ctp-base) !important; 1801 | } 1802 | 1803 | ytmusic-guide-entry-renderer:not([is-primary]) #play-button.ytmusic-guide-entry-renderer { 1804 | background-color: none !important; 1805 | color: none !important; 1806 | } 1807 | 1808 | .go3564761155 { 1809 | background-color: var(--ctp-mantle) !important; 1810 | color: var(--ctp-text) !important; 1811 | } 1812 | 1813 | ytmusic-player-bar:is([repeat-mode=NONE]) .repeat.ytmusic-player-bar { 1814 | opacity: 0.5; 1815 | } 1816 | 1817 | #nav-bar-background.ytmusic-app-layout { 1818 | background: var(--ctp-mantle) !important; 1819 | } 1820 | 1821 | ytmusic-app-layout[is-bauhaus-sidenav-enabled] #nav-bar-background.ytmusic-app-layout 1822 | { 1823 | border-bottom: none !important; 1824 | } 1825 | 1826 | ytmusic-nav-bar[enable-bauhaus-style] .app-bar-button.ytmusic-nav-bar { 1827 | background: var(--ctp-accent) !important; 1828 | color: var(--ctp-base) !important; 1829 | } 1830 | 1831 | yt-formatted-string.ytmusic-guide-signin-promo-renderer { 1832 | color: var(--ctp-subtext) !important; 1833 | } 1834 | 1835 | yt-icon.ytmusic-guide-signin-promo-renderer { 1836 | fill: var(--ctp-accent) !important; 1837 | } 1838 | 1839 | .action-text.ytmusic-guide-signin-promo-renderer { 1840 | color: var(--ctp-accent) !important; 1841 | } 1842 | -------------------------------------------------------------------------------- /src/mocha.css: -------------------------------------------------------------------------------- 1 | html:not(.style-scope) 2 | { 3 | --ctp-rosewater: #f5e0dc; 4 | --ctp-flamingo: #f2cdcd; 5 | --ctp-pink: #f5c2e7; 6 | --ctp-mauve: #cba6f7; 7 | --ctp-red: #f38ba8; 8 | --ctp-maroon: #eba0ac; 9 | --ctp-peach: #fab387; 10 | --ctp-yellow: #f9e2af; 11 | --ctp-green: #a6e3a1; 12 | --ctp-teal: #94e2d5; 13 | --ctp-sky: #89dceb; 14 | --ctp-sapphire: #74c7ec; 15 | --ctp-blue: #89b4fa; 16 | --ctp-lavender: #b4befe; 17 | --ctp-text: #cdd6f4; 18 | --ctp-subtext1: #bac2de; 19 | --ctp-subtext0: #a6adc8; 20 | --ctp-overlay2: #9399b2; 21 | --ctp-overlay1: #7f849c; 22 | --ctp-overlay0: #6c7086; 23 | --ctp-surface2: #585b70; 24 | --ctp-surface1: #45475a; 25 | --ctp-surface0: #313244; 26 | --ctp-base: #1e1e2e; 27 | --ctp-mantle: #181825; 28 | --ctp-crust: #11111b; 29 | 30 | --ctp-accent: var(--ctp-mauve); 31 | 32 | --unthemed-yet: inherit !important; 33 | 34 | --yt-spec-commerce-filled-hover: var(--ctp-accent) !important; 35 | } 36 | 37 | i.material-icons 38 | { 39 | color: var(--ctp-text) !important; 40 | } 41 | 42 | i.material-icons:hover 43 | { 44 | color: var(--ctp-text) !important; 45 | } 46 | 47 | body 48 | { 49 | background: var(--ctp-base) !important; 50 | } 51 | 52 | ytmusic-nav-bar 53 | { 54 | background: var(--ctp-mantle) !important; 55 | } 56 | 57 | ytmusic-pivot-bar-item-renderer:hover, ytmusic-pivot-bar-item-renderer.iron-selected 58 | { 59 | color: var(--ctp-accent) !important; 60 | } 61 | 62 | ytmusic-pivot-bar-item-renderer 63 | { 64 | color: var(--ctp-text) !important; 65 | } 66 | 67 | ytmusic-search-box 68 | { 69 | color: var(--ctp-text) !important; 70 | } 71 | 72 | a.ytmusic-content-update-chip 73 | { 74 | color: var(--ctp-base) !important; 75 | background-color: var(--ytmusic-color-grey2) !important; 76 | } 77 | 78 | ytmusic-detail-header-renderer 79 | { 80 | background-color: var(--ctp-base) !important; 81 | } 82 | 83 | .title.ytmusic-detail-header-renderer 84 | { 85 | color: var(--ctp-text) !important; 86 | } 87 | 88 | ytmusic-player-page 89 | { 90 | background-color: var(--ctp-base) !important; 91 | } 92 | 93 | ytmusic-data-bound-header-renderer 94 | { 95 | background-color: var(--ctp-mantle) !important; 96 | } 97 | 98 | ytmusic-list-item-renderer 99 | { 100 | background-color: var(--ctp-base) !important; 101 | } 102 | 103 | ytmusic-responsive-list-item-renderer 104 | { 105 | background-color: var(--ctp-base) !important; 106 | } 107 | 108 | ytmusic-player-queue-item 109 | { 110 | background-color: var(--ctp-base) !important; 111 | } 112 | paper-tab.iron-selected.ytmusic-player-page 113 | { 114 | color: var(--ctp-text) !important; 115 | } 116 | 117 | tp-yt-paper-tab.iron-selected.ytmusic-player-page 118 | { 119 | color: var(--ctp-text) !important; 120 | } 121 | tp-yt-paper-tab.ytmusic-player-page 122 | { 123 | color: var(--ctp-text) !important; 124 | } 125 | 126 | paper-tabs.ytmusic-player-page 127 | { 128 | --paper-tabs-selection-bar-color: var(--ctp-text) !important; 129 | } 130 | 131 | #selectionBar.tp-yt-paper-tabs 132 | { 133 | border-bottom: 2px solid var(--ctp-text) !important; 134 | } 135 | 136 | yt-formatted-string.byline.style-scope.ytmusic-player-queue-item 137 | { 138 | color: var(--ctp-accent) !important; 139 | } 140 | 141 | yt-formatted-string.duration.style-scope.ytmusic-player-queue-item 142 | { 143 | color: var(--ctp-text) !important; 144 | } 145 | 146 | ytmusic-player-bar 147 | { 148 | background: var(--ctp-mantle) !important; 149 | } 150 | 151 | #progress-bar.ytmusic-player-bar 152 | { 153 | --paper-slider-active-color: var(--ctp-accent) !important; 154 | } 155 | 156 | #progress-bar.ytmusic-player-bar[focused], ytmusic-player-bar:hover #progress-bar.ytmusic-player-bar 157 | { 158 | --paper-slider-knob-color: var(--ctp-accent) !important; 159 | --paper-slider-knob-start-color: var(--ctp-accent) !important; 160 | --paper-slider-knob-start-border-color: var(--ctp-accent) !important; 161 | } 162 | 163 | paper-slider#volume-slider 164 | { 165 | --paper-slider-container-color: var(--ctp-text) !important; 166 | --paper-slider-active-color: var(--ctp-text) !important; 167 | --paper-slider-knob-color: var(--ctp-text) !important; 168 | } 169 | 170 | .volume-slider.ytmusic-player-bar, .expand-volume-slider.ytmusic-player-bar 171 | { 172 | --paper-slider-container-color: var(--ctp-text) !important; 173 | --paper-slider-active-color: var(--ctp-text) !important; 174 | --paper-slider-knob-color: var(--ctp-text) !important; 175 | } 176 | 177 | paper-icon-button#play-pause-button 178 | { 179 | --iron-icon-fill-color:var(--ctp-text) !important; 180 | } 181 | 182 | tp-yt-iron-icon#icon 183 | { 184 | --iron-icon-fill-color:var(--ctp-accent) !important; 185 | } 186 | 187 | .left-controls.ytmusic-player-bar paper-icon-button.ytmusic-player-bar, .left-controls.ytmusic-player-bar .spinner-container.ytmusic-player-bar, .toggle-player-page-button.ytmusic-player-bar 188 | { 189 | --iron-icon-fill-color: var(--ctp-text) !important; 190 | } 191 | 192 | .menu.ytmusic-player-bar 193 | { 194 | --iron-icon-fill-color: var(--ctp-text) !important; 195 | } 196 | 197 | .right-controls-buttons.ytmusic-player-bar paper-icon-button.ytmusic-player-bar, ytmusic-player-expanding-menu.ytmusic-player-bar paper-icon-button.ytmusic-player-bar 198 | { 199 | --paper-icon-button_-_color: var(--ctp-text) !important; 200 | } 201 | 202 | .style-scope.yt-icon-button[aria-label="Add to playlist"] 203 | { 204 | color: var(--ctp-text) 205 | } 206 | 207 | .title.ytmusic-carousel-shelf-basic-header-renderer, .title.ytmusic-immersive-header-renderer, .description.ytmusic-immersive-header-renderer 208 | { 209 | color: var(--ctp-text) !important; 210 | } 211 | 212 | div.content-wrapper.style-scope.ytmusic-play-button-renderer 213 | { 214 | background: var(--ctp-text) !important; 215 | } 216 | 217 | ytmusic-subscribe-button-renderer 218 | { 219 | --ytmusic-subscribe-button-color: var(--ctp-red) !important; 220 | } 221 | 222 | yt-button-renderer[is-paper-button] 223 | { 224 | background-color: var(--ctp-accent) !important; 225 | } 226 | 227 | paper-icon-button 228 | { 229 | --paper-icon-button_-_color: var(--ctp-text) !important; 230 | } 231 | 232 | ytmusic-data-bound-top-level-menu-item.ytmusic-data-bound-menu-renderer:not(:first-child) 233 | { 234 | --yt-button-color: var(--ctp-text) !important; 235 | border: 1px solid var(--ctp-text) !important; 236 | border-radius: 5px !important; 237 | } 238 | 239 | #top-level-buttons.ytmusic-menu-renderer > .outline-button.ytmusic-menu-renderer, .edit-playlist-button.ytmusic-menu-renderer, ytmusic-toggle-button-renderer.ytmusic-menu-renderer 240 | { 241 | --yt-button-color: var(--ctp-base) !important; 242 | border: 0px solid var(--ctp-base) !important; 243 | } 244 | 245 | yt-icon.ytmusic-inline-badge-renderer 246 | { 247 | color: var(--ctp-text) !important; 248 | } 249 | 250 | .title.ytmusic-carousel-shelf-basic-header-renderer, .title.ytmusic-immersive-header-renderer, .description.ytmusic-immersive-header-renderer 251 | { 252 | color: var(--ctp-text) !important; 253 | } 254 | 255 | .title.ytmusic-header-renderer 256 | { 257 | color: var(--ctp-text) !important; 258 | } 259 | 260 | yt-formatted-string.strapline.text.style-scope.ytmusic-carousel-shelf-basic-header-renderer 261 | { 262 | color: var(--ctp-text) !important; 263 | } 264 | 265 | yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string 266 | { 267 | color: var(--ctp-text) !important; 268 | } 269 | 270 | yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:hover 271 | { 272 | color: var(--ctp-text) !important; 273 | } 274 | 275 | .previous-items-button.ytmusic-carousel, .next-items-button.ytmusic-carousel 276 | { 277 | background-color: var(--ctp-accent) !important; 278 | color: var(--ctp-base) !important; 279 | } 280 | 281 | .content-wrapper.ytmusic-play-button-renderer, ytmusic-play-button-renderer:hover .content-wrapper.ytmusic-play-button-renderer, ytmusic-play-button-renderer:focus .content-wrapper.ytmusic-play-button-renderer 282 | { 283 | background: var(--ctp-accent) !important; 284 | --ytmusic-play-button-icon-color: var(--ctp-base) !important; 285 | --paper-spinner-color: var(--yt-spec-themed-blue) !important; 286 | } 287 | 288 | yt-icon.icon.style-scope.ytmusic-play-button-renderer { 289 | fill: var(--ctp-base) !important; 290 | } 291 | 292 | .watch-button .yt-spec-button-shape-next__icon > yt-icon 293 | { 294 | fill: var(--ctp-base) !important; 295 | } 296 | 297 | .play-button .yt-spec-button-shape-next__icon > yt-icon 298 | { 299 | fill: var(--ctp-base) !important; 300 | } 301 | 302 | .radio-button .yt-spec-button-shape-next__icon > yt-icon 303 | { 304 | fill: var(--ctp-base) !important; 305 | } 306 | 307 | ytmusic-tabs.stuck { 308 | background-color: var(--ctp-mantle) !important; 309 | } 310 | 311 | paper-icon-button.ytmusic-like-button-renderer 312 | { 313 | color: var(--ctp-text) !important; 314 | } 315 | 316 | .dropdown-content 317 | { 318 | background-color: var(--ctp-base) !important; 319 | } 320 | 321 | yt-formatted-string.title.style-scope.ytmusic-two-row-item-renderer 322 | { 323 | color: var(--ctp-text) !important; 324 | } 325 | 326 | yt-formatted-string.song-title.style-scope.ytmusic-player-queue-item 327 | { 328 | color: var(--ctp-text) !important; 329 | } 330 | 331 | yt-formatted-string.title.style-scope.ytmusic-player-bar 332 | { 333 | color: var(--ctp-text) !important; 334 | } 335 | 336 | span.time-info.style-scope.ytmusic-player-bar 337 | { 338 | color: var(--ctp-text) !important; 339 | } 340 | 341 | yt-formatted-string#description.description.style-scope.ytmusic-detail-header-renderer 342 | { 343 | color: var(--ctp-text) !important; 344 | } 345 | 346 | yt-formatted-string#text.style-scope.yt-button-renderer.style-default 347 | { 348 | color: var(--ctp-base) !important; 349 | } 350 | 351 | yt-formatted-string#text.style-scope.yt-button-renderer.style-text 352 | { 353 | color: var(--ctp-base) !important; 354 | } 355 | 356 | tp-yt-paper-toast#toast.toast-button.style-scope.yt-notification-action-renderer.paper-toast-open 357 | { 358 | /* like button */ 359 | } 360 | 361 | div#icon.tab-icon.style-scope.paper-icon-button.navigation-icon 362 | { 363 | color: var(--ctp-text) !important; 364 | } 365 | 366 | tp-yt-iron-icon#icon.style-scope.tp-yt-paper-icon-button 367 | { 368 | color: var(--ctp-accent) !important; 369 | } 370 | 371 | div.style-scope.ytmusic-pivot-bar-renderer.navigation-item 372 | { 373 | --yt-endpoint-color: var(--ctp-accent) !important; 374 | --yt-endpoint-hover-color: var(--ctp-accent) !important; 375 | --yt-endpoint-visited-color: var(--ctp-accent) !important; 376 | } 377 | 378 | a.yt-simple-endpoint.style-scope.ytmusic-chip-cloud-chip-renderer 379 | { 380 | color: var(--ctp-text) !important; 381 | background-color: var(--ctp-mantle) !important; 382 | } 383 | 384 | div.label.style-scope.ytmusic-nerd-stats 385 | { 386 | color: var(--ctp-text) !important; 387 | } 388 | 389 | ytmusic-nerd-stats.style-scope.ytmusic-player-bar{ 390 | color: var(--ctp-text) !important; 391 | background-color: var(--ctp-base) !important; 392 | } 393 | 394 | div.song-media-controls.style-scope.ytmusic-player 395 | { 396 | color: var(--ctp-text) !important; 397 | } 398 | 399 | div#header.style-scope.ytmusic-item-section-renderer 400 | { 401 | background-color: var(--ctp-base) !important; 402 | } 403 | 404 | a.yt-simple-endpoint.style-scope.yt-formatted-string 405 | { 406 | color: var(--ctp-text) !important; 407 | } 408 | 409 | yt-formatted-string.fixed-column.MUSIC_RESPONSIVE_LIST_ITEM_COLUMN_DISPLAY_PRIORITY_HIGH.style-scope.ytmusic-responsive-list-item-renderer 410 | { 411 | color: var(--ctp-accent) !important; 412 | } 413 | 414 | yt-formatted-string.subtitle.style-scope.ytmusic-detail-header-renderer 415 | { 416 | color: var(--ctp-text) !important; 417 | } 418 | 419 | yt-formatted-string.second-subtitle.style-scope.ytmusic-detail-header-renderer 420 | { 421 | color: var(--ctp-text) !important; 422 | } 423 | 424 | ytmusic-like-button-renderer.style-scope.ytmusic-menu-renderer 425 | { 426 | color: var(--ctp-accent) !important; 427 | } 428 | 429 | tp-yt-paper-icon-button.ytmusic-like-button-renderer 430 | { 431 | color: var(--ctp-accent) !important; 432 | } 433 | 434 | yt-icon.icon.style-scope.ytmusic-menu-service-item-renderer 435 | { 436 | color: var(--ctp-accent) !important; 437 | fill: var(--ctp-accent) !important; 438 | } 439 | 440 | div#navigation-endpoint.yt-simple-endpoint.style-scope.ytmusic-menu-navigation-item-renderer 441 | { 442 | color: var(--ctp-text) !important; 443 | } 444 | 445 | tp-yt-paper-listbox#items.style-scope.ytmusic-menu-popup-renderer 446 | { 447 | color: var(--ctp-mantle) !important; 448 | background-color: var(--ctp-mantle) !important; 449 | border: 1px solid var(--ctp-surface0) !important; 450 | } 451 | 452 | yt-formatted-string.text.style-scope.ytmusic-menu-service-item-renderer 453 | { 454 | color: var(--ctp-text) !important; 455 | } 456 | 457 | yt-formatted-string.text.style-scope.ytmusic-menu-navigation-item-renderer 458 | { 459 | color: var(--ctp-text) !important; 460 | } 461 | 462 | div#ytmcustom-pip.text.style-scope.ytmusic-menu-navigation-item-renderer 463 | { 464 | color: var(--ctp-text) !important; 465 | } 466 | 467 | div#ytmcustom-download.text.style-scope.ytmusic-menu-navigation-item-renderer 468 | { 469 | color: var(--ctp-text) !important; 470 | } 471 | 472 | span.style-scope.yt-formatted-string 473 | { 474 | color: var(--ctp-text) !important; 475 | } 476 | 477 | g#XMLID_11_.st0 478 | { 479 | color: var(--ctp-accent) !important; 480 | } 481 | 482 | div.icon.menu-icon.style-scope.ytmusic-menu-navigation-item-renderer 483 | { 484 | fill: var(--ctp-accent) !important; 485 | stroke: var(--ctp-accent) !important; 486 | } 487 | 488 | h2.form-title.style-scope.ytmusic-playlist-form 489 | { 490 | color: var(--ctp-text) !important; 491 | } 492 | 493 | tp-yt-paper-tab.style-scope.ytmusic-playlist-form.iron-selected 494 | { 495 | color: var(--ctp-accent) !important; 496 | } 497 | 498 | div.tab-content.style-scope.tp-yt-paper-tab 499 | { 500 | color: var(--ctp-text) !important; 501 | } 502 | 503 | div.content.style-scope.ytmusic-playlist-form 504 | { 505 | caret-color: var(--ctp-accent) !important; 506 | background-color: var(--ctp-base) !important; 507 | color: var(--ctp-base) !important; 508 | } 509 | 510 | div#player-bar-background.style-scope.ytmusic-app-layout 511 | { 512 | background-color: var(--ctp-base) !important; 513 | } 514 | 515 | yt-formatted-string.subtitle.style-scope.ytmusic-two-row-item-renderer 516 | { 517 | color: var(--ctp-text) !important; 518 | } 519 | 520 | button.style-scope.ytmusic-navigation-button-renderer 521 | { 522 | background: var(--ctp-mantle) !important; 523 | color: var(--ctp-text) !important; 524 | } 525 | 526 | ytmusic-navigation-button-renderer.style-scope.ytmusic-carousel 527 | { 528 | --ytmusic-navigation-button-left-stripe-color: var(--ctp-accent) !important; 529 | } 530 | 531 | yt-icon.ytmusic-navigation-button-renderer 532 | { 533 | color: var(--ctp-accent) !important; 534 | } 535 | 536 | yt-icon.style-scope.ytmusic-icon-link-renderer 537 | { 538 | fill: var(--ctp-accent) !important; 539 | } 540 | 541 | tp-yt-iron-icon.chromecast.style-scope.ytmusic-cast-button 542 | { 543 | fill: var(--ctp-accent) !important; 544 | } 545 | 546 | tp-yt-paper-toast 547 | { 548 | background: var(--ctp-mantle) !important; 549 | color: var(--ctp-text) !important; 550 | } 551 | 552 | ytd-multi-page-menu-renderer.style-scope.ytmusic-popup-container 553 | { 554 | color: var(--ctp-text) !important; 555 | background-color: var(--ctp-base) !important; 556 | } 557 | 558 | ytd-active-account-header-renderer.style-scope.ytd-multi-page-menu-renderer 559 | { 560 | color: var(--ctp-text) !important; 561 | background-color: var(--ctp-base) !important; 562 | } 563 | 564 | yt-formatted-string#account-name.style-scope.ytd-active-account-header-renderer 565 | { 566 | color: var(--ctp-text) !important; 567 | } 568 | 569 | yt-formatted-string#channel-handle.style-scope.ytd-active-account-header-renderer 570 | { 571 | color: var(--ctp-accent) !important; 572 | } 573 | 574 | yt-icon.ytd-compact-link-renderer 575 | { 576 | color: var(--ctp-accent) !important; 577 | } 578 | 579 | yt-formatted-string.style-scope.ytmusic-shelf-renderer 580 | { 581 | color: var(--ctp-text) !important; 582 | } 583 | 584 | yt-formatted-string.style-scope.ytmusic-menu-service-item-download-renderer 585 | { 586 | color: var(--ctp-text) !important; 587 | } 588 | 589 | yt-formatted-string.strapline.style-scope.ytmusic-shelf-renderer 590 | { 591 | color: var(--ctp-text) !important; 592 | } 593 | 594 | ytmusic-search-box[has-query] input.ytmusic-search-box 595 | { 596 | color: var(--ctp-text) !important; 597 | } 598 | 599 | ytmusic-search-box[opened] input.ytmusic-search-box 600 | { 601 | color: var(--ctp-text) !important; 602 | } 603 | 604 | div.background-gradient.style-scope.ytmusic-browse-response 605 | { 606 | background-image: linear-gradient(to bottom, var(--ctp-base), var(--ctp-base)) !important; 607 | } 608 | 609 | ytmusic-search-suggestion 610 | { 611 | color: var(--ctp-text) !important; 612 | background: var(--ctp-mantle) !important; 613 | --iron-icon-fill-color: var(--ctp-accent) !important; 614 | } 615 | 616 | ytmusic-background-promo-renderer[renderer-style="full-height"] 617 | { 618 | background: none !important; 619 | } 620 | 621 | ytmusic-background-promo-renderer[renderer-style="full-height"] .promo-title.ytmusic-background-promo-renderer:not([hidden]) 622 | { 623 | color: var(--ctp-text) !important; 624 | } 625 | 626 | ytmusic-search-box[is-bauhaus-sidenav-enabled] #suggestion-list.ytmusic-search-box 627 | { 628 | background: var(--ctp-mantle) !important; 629 | } 630 | 631 | a.yt-simple-endpoint.style-scope.ytmusic-responsive-list-item-renderer 632 | { 633 | color: var(--ctp-text) !important; 634 | } 635 | 636 | ytmusic-search-suggestions-section.style-scope.ytmusic-search-box 637 | { 638 | background: var(--ctp-mantle) !important; 639 | } 640 | 641 | div.search-box.style-scope.ytmusic-search-box 642 | { 643 | background: var(--ctp-mantle) !important; 644 | } 645 | 646 | yt-page-navigation-progress.style-scope.ytmusic-app 647 | { 648 | --yt-page-navigation-container-color: var(--ctp-base) !important; 649 | --yt-page-navigation-progress-color: var(--ctp-accent) !important; 650 | } 651 | 652 | tp-yt-paper-progress#sliderBar.style-scope.tp-yt-paper-slider 653 | { 654 | color: var(--ctp-mantle) !important; 655 | } 656 | 657 | tp-yt-paper-slider#progress-bar.style-scope.ytmusic-player-bar 658 | { 659 | --paper-slider-secondary-color: var(--ctp-crust) !important; 660 | --paper-slider-container-color: var(--ctp-mantle) !important; 661 | } 662 | 663 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/music/listening_review/HOME_RECAP_SHELF_AVATAR_BLACK_60x60.png"] 664 | { 665 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/mocha.png") !important; 666 | } 667 | 668 | ytmusic-player-expanding-menu#expanding-menu.style-scope.ytmusic-player-bar 669 | { 670 | background-color: var(--ctp-mantle) !important; 671 | } 672 | 673 | yt-icon.icon.style-scope.ytmusic-menu-navigation-item-renderer 674 | { 675 | fill: var(--ctp-accent) !important; 676 | } 677 | 678 | yt-formatted-string.text.style-scope.ytmusic-toggle-menu-service-item-renderer 679 | { 680 | color: var(--ctp-text) !important; 681 | } 682 | 683 | yt-icon.icon.style-scope.ytmusic-toggle-menu-service-item-renderer 684 | { 685 | fill: var(--ctp-accent) !important; 686 | } 687 | 688 | yt-icon.ytmusic-menu-service-item-download-renderer 689 | { 690 | fill: var(--ctp-accent) !important; 691 | } 692 | 693 | yt-formatted-string#label.style-scope.ytd-compact-link-renderer 694 | { 695 | color: var(--ctp-text) !important; 696 | } 697 | 698 | ytmusic-upload-ineligible.style-scope.ytmusic-dialog 699 | { 700 | background-color: var(--ctp-base) !important; 701 | } 702 | 703 | div.title.style-scope.ytmusic-upload-ineligible 704 | { 705 | color: var(--ctp-text) !important; 706 | } 707 | 708 | div.message.style-scope.ytmusic-upload-ineligible 709 | { 710 | color: var(--ctp-text) !important; 711 | } 712 | 713 | a.style-scope.ytmusic-upload-ineligible 714 | { 715 | color: var(--ctp-accent) !important; 716 | } 717 | 718 | tp-yt-paper-button.switch-accounts.style-scope.ytmusic-upload-ineligible 719 | { 720 | color: var(--ctp-text) !important; 721 | } 722 | 723 | tp-yt-paper-button.dismiss.style-scope.ytmusic-upload-ineligible 724 | { 725 | color: var(--ctp-text) !important; 726 | } 727 | 728 | ytmusic-settings-page.style-scope.ytmusic-dialog 729 | { 730 | background-color: var(--ctp-base) !important; 731 | color: var(--ctp-text) !important; 732 | } 733 | 734 | ytmusic-settings-category-collection-renderer.style-scope.ytmusic-settings-page 735 | { 736 | border: 1px var(--ctp-accent) solid !important; 737 | } 738 | 739 | yt-formatted-string.title.style-scope.ytmusic-settings-page 740 | { 741 | color: var(--ctp-text) !important; 742 | } 743 | 744 | span.dialog-title.style-scope.ytmusic-settings-page 745 | { 746 | color: var(--ctp-text) !important; 747 | } 748 | 749 | yt-icon.icon.style-scope.ytmusic-settings-page 750 | { 751 | color: var(--ctp-accent) !important; 752 | } 753 | 754 | yt-formatted-string.summary.style-scope.ytmusic-setting-read-only-item-renderer 755 | { 756 | color: var(--ctp-text) !important; 757 | } 758 | 759 | yt-formatted-string.title.style-scope.ytmusic-setting-read-only-item-renderer 760 | { 761 | color: var(--ctp-text) !important; 762 | } 763 | 764 | yt-formatted-string.summary.style-scope.ytmusic-setting-boolean-renderer 765 | { 766 | color: var(--ctp-text) !important; 767 | } 768 | 769 | yt-formatted-string.title.style-scope.ytmusic-setting-boolean-renderer 770 | { 771 | color: var(--ctp-text) !important; 772 | } 773 | 774 | tp-yt-paper-item.category-menu-item.style-scope.ytmusic-settings-page.iron-selected 775 | { 776 | background-color: var(--ctp-crust) !important; 777 | } 778 | 779 | yt-formatted-string.tab.style-scope.ytmusic-item-section-tab-renderer 780 | { 781 | color: var(--ctp-text) !important; 782 | } 783 | 784 | ytmusic-item-section-tab-renderer.iron-selected .tab.ytmusic-item-section-tab-renderer 785 | { 786 | color: var(--ctp-text) !important; 787 | border-bottom: 2px solid var(--ctp-text) !important; 788 | } 789 | 790 | ytmusic-item-section-tabs-container.style-scope.ytmusic-item-section-tabbed-header-renderer 791 | { 792 | color: var(--ctp-text) !important; 793 | } 794 | 795 | div#end-items.style-scope.ytmusic-item-section-tabbed-header-renderer 796 | { 797 | border-top: 1px solid var(--ctp-base) !important; 798 | } 799 | 800 | ytmusic-dropdown-item-renderer.style-scope.ytmusic-dropdown-renderer 801 | { 802 | background-color: var(--ctp-base) !important; 803 | color: var(--ctp-text) !important; 804 | } 805 | 806 | ytmusic-dropdown-item-renderer.style-scope.ytmusic-dropdown-renderer.iron-selected 807 | { 808 | background-color: var(--ctp-mantle) !important; 809 | color: var(--ctp-text) !important; 810 | } 811 | 812 | yt-formatted-string.label.style-scope.ytmusic-dropdown-item-renderer 813 | { 814 | color: var(--ctp-text) !important; 815 | } 816 | 817 | ytmusic-dropdown-renderer.style-scope.ytmusic-item-section-tabbed-header-renderer 818 | { 819 | color: var(--ctp-text) !important; 820 | background-color: var(--ctp-base) !important; 821 | border: 1px solid var(--ctp-accent) !important; 822 | } 823 | 824 | input.style-scope.tp-yt-paper-input 825 | { 826 | color: var(--ctp-text) !important; 827 | } 828 | 829 | yt-formatted-string.flex-column.style-scope.ytmusic-responsive-list-item-renderer 830 | { 831 | color: var(--ctp-text) !important; 832 | } 833 | 834 | yt-formatted-string.title.style-scope.ytmusic-responsive-list-item-renderer 835 | { 836 | color: var(--ctp-text) !important; 837 | } 838 | 839 | yt-icon.tab-icon.style-scope.ytmusic-message-renderer 840 | { 841 | color: var(--ctp-text) !important; 842 | } 843 | 844 | yt-formatted-string.text.style-scope.ytmusic-message-renderer 845 | { 846 | color: var(--ctp-text) !important; 847 | } 848 | 849 | yt-formatted-string.subtext.style-scope.ytmusic-message-renderer 850 | { 851 | color: var(--ctp-text) !important; 852 | } 853 | 854 | div#header.style-scope.ytmusic-item-section-renderer 855 | { 856 | border-bottom: 1px solid var(--ctp-base) !important; 857 | box-shadow: none !important; 858 | } 859 | 860 | ytmusic-background-overlay-renderer#background.style-scope.ytmusic-item-thumbnail-overlay-renderer 861 | { 862 | --ytmusic-background-overlay-background: linear-gradient(var(--ctp-base), #00000000) !important; 863 | } 864 | 865 | yt-formatted-string#suggestion-cell-0x0.title.style-scope.ytmusic-search-suggestion 866 | { 867 | color: var(--ctp-text) !important; 868 | } 869 | 870 | yt-formatted-string#suggestion-cell-1x0.title.style-scope.ytmusic-search-suggestion 871 | { 872 | color: var(--ctp-text) !important; 873 | } 874 | 875 | yt-formatted-string#suggestion-cell-2x0.title.style-scope.ytmusic-search-suggestion 876 | { 877 | color: var(--ctp-text) !important; 878 | } 879 | 880 | yt-formatted-string#suggestion-cell-3x0.title.style-scope.ytmusic-search-suggestion 881 | { 882 | color: var(--ctp-text) !important; 883 | } 884 | 885 | ytmusic-search-box.style-scope.ytmusic-nav-bar 886 | { 887 | border: 1px solid var(--ctp-mantle) !important; 888 | } 889 | 890 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/youtube/media/ytm/images/pbg/create-playlist-@210.png"] 891 | { 892 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/mocha-playlist.png") !important; 893 | } 894 | 895 | ytmusic-tabs#tabs.style-scope.ytmusic-tabbed-search-results-renderer.stuck 896 | { 897 | background-color: var(--ctp-base) !important; 898 | box-shadow: none !important; 899 | } 900 | 901 | div#tabs.tab-container.style-scope.ytmusic-tabs 902 | { 903 | border-bottom: none !important; 904 | } 905 | 906 | yt-formatted-string.tab.selected.style-scope.ytmusic-tabs 907 | { 908 | color: var(--ctp-text) !important; 909 | border-bottom: 2px solid var(--ctp-text) !important; 910 | } 911 | 912 | yt-formatted-string.tab.style-scope.ytmusic-tabs 913 | { 914 | color: var(--ctp-text) !important; 915 | } 916 | 917 | span.italic.style-scope.yt-formatted-string 918 | { 919 | color: var(--ctp-accent) !important; 920 | } 921 | 922 | yt-formatted-string#corrected.style-scope.yt-search-query-correction 923 | { 924 | color: var(--ctp-text) !important; 925 | } 926 | 927 | ytmusic-chip-cloud-chip-renderer[enable-bauhaus-style][chip-style=STYLE_LARGE_TRANSLUCENT_AND_SELECTED_WHITE][is-selected]:not(.iron-selected) a.ytmusic-chip-cloud-chip-renderer 928 | { 929 | border: 1px solid var(--ctp-accent) !important; 930 | } 931 | 932 | yt-formatted-string.title.style-scope.ytmusic-visual-header-renderer 933 | { 934 | color: var(--ctp-text) !important; 935 | } 936 | 937 | yt-formatted-string#text.style-scope.yt-button-renderer.style-dark-on-white 938 | { 939 | color: var(--ctp-base) !important; 940 | } 941 | 942 | div.gradient-container.style-scope.ytmusic-visual-header-renderer 943 | { 944 | background: var(--ctp-base) !important; 945 | } 946 | 947 | tp-yt-paper-icon-button#next-items-button.next-items-button.style-scope.ytmusic-carousel-shelf-renderer 948 | { 949 | border: solid 1px var(--ctp-accent) !important; 950 | } 951 | 952 | tp-yt-paper-icon-button#previous-items-button.previous-items-button.style-scope.ytmusic-carousel-shelf-renderer 953 | { 954 | border: solid 1px var(--ctp-accent) !important; 955 | } 956 | 957 | tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-bar.tp-yt-paper-toggle-button 958 | { 959 | background-color: var(--ctp-accent) !important; 960 | } 961 | 962 | tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-button.tp-yt-paper-toggle-button 963 | { 964 | background-color: var(--ctp-accent) !important; 965 | } 966 | 967 | .toggle-bar.tp-yt-paper-toggle-button 968 | { 969 | background-color: var(--ctp-text) !important; 970 | } 971 | 972 | .toggle-button.tp-yt-paper-toggle-button 973 | { 974 | background-color: var(--ctp-text) !important; 975 | } 976 | 977 | .items.ytmusic-setting-category-collection-renderer>*.ytmusic-setting-category-collection-renderer 978 | { 979 | border-bottom: none !important; 980 | } 981 | 982 | .top-bar.ytmusic-settings-page 983 | { 984 | border-bottom: none; 985 | } 986 | 987 | div.style-scope.ytmusic-setting-single-option-menu-renderer 988 | { 989 | color: var(--ctp-text) !important; 990 | } 991 | 992 | span.style-scope.ytmusic-setting-single-option-menu-renderer 993 | { 994 | color: var(--ctp-text) !important; 995 | } 996 | 997 | div.unfocused-line.style-scope.tp-yt-paper-input-container 998 | { 999 | background-color: var(--ctp-text) !important; 1000 | } 1001 | 1002 | .focused-line.tp-yt-paper-input-container 1003 | { 1004 | border-color: var(--ctp-accent) !important; 1005 | } 1006 | 1007 | tp-yt-iron-icon.style-scope.tp-yt-paper-dropdown-menu 1008 | { 1009 | color: var(--ctp-text) !important; 1010 | } 1011 | 1012 | ytd-multi-page-menu-renderer.style-scope.ytd-multi-page-menu-renderer 1013 | { 1014 | background: var(--ctp-base) !important; 1015 | } 1016 | 1017 | ytd-simple-menu-header-renderer.style-scope.ytd-multi-page-menu-renderer 1018 | { 1019 | background-color: var(--ctp-base) !important; 1020 | } 1021 | 1022 | yt-icon.style-scope.ytd-button-renderer 1023 | { 1024 | fill: var(--ctp-text) !important; 1025 | } 1026 | 1027 | yt-formatted-string.style-scope.ytd-simple-menu-header-renderer 1028 | { 1029 | color: var(--ctp-text) !important; 1030 | } 1031 | 1032 | yt-formatted-string#email.style-scope.ytd-google-account-header-renderer 1033 | { 1034 | color: var(--ctp-text) !important; 1035 | } 1036 | 1037 | yt-formatted-string#name.style-scope.ytd-google-account-header-renderer 1038 | { 1039 | color: var(--ctp-text) !important; 1040 | } 1041 | 1042 | yt-formatted-string.style-scope.ytd-account-item-renderer 1043 | { 1044 | color: var(--ctp-text) !important; 1045 | } 1046 | 1047 | yt-formatted-string.style-scope.ytd-account-item-section-header-renderer 1048 | { 1049 | color: var(--ctp-text) !important; 1050 | } 1051 | 1052 | ytd-account-item-renderer[enable-ring-for-active-account] yt-img-shadow.ytd-account-item-renderer 1053 | { 1054 | border: 2px solid var(--ctp-accent) !important; 1055 | } 1056 | 1057 | ytmusic-player[player-ui-state_=MINIPLAYER] .song-media-controls.ytmusic-player 1058 | { 1059 | background: linear-gradient(var(--ctp-base) 20%, #00000000 100%) !important; 1060 | } 1061 | 1062 | #thumbnail-corner-overlay.ytmusic-two-row-item-renderer>ytmusic-thumbnail-renderer.ytmusic-two-row-item-renderer 1063 | { 1064 | color: var(--ctp-text) !important; 1065 | border: 1px solid var(--ctp-text) !important; 1066 | } 1067 | 1068 | .container.ytmusic-custom-index-column-renderer 1069 | { 1070 | color: var(--ctp-text) !important; 1071 | } 1072 | 1073 | ytmusic-custom-index-column-renderer[icon-color-style=CUSTOM_INDEX_COLUMN_ICON_COLOR_STYLE_GREY] .icon.ytmusic-custom-index-column-renderer 1074 | { 1075 | color: var(--ctp-text) !important; 1076 | } 1077 | 1078 | ytmusic-custom-index-column-renderer[icon-color-style=CUSTOM_INDEX_COLUMN_ICON_COLOR_STYLE_GREEN] .icon.ytmusic-custom-index-column-renderer 1079 | { 1080 | color: var(--ctp-green) !important; 1081 | } 1082 | 1083 | ytmusic-custom-index-column-renderer[icon-color-style=CUSTOM_INDEX_COLUMN_ICON_COLOR_STYLE_RED] .icon.ytmusic-custom-index-column-renderer 1084 | { 1085 | color: var(--ctp-red) !important; 1086 | } 1087 | 1088 | button#button.style-scope.ytmusic-sort-filter-button-renderer 1089 | { 1090 | color: var(--ctp-text) !important; 1091 | background-color: var(--ctp-base) !important; 1092 | border: 1px solid var(--ctp-accent) !important; 1093 | } 1094 | 1095 | #container.ytmusic-multi-select-menu-renderer 1096 | { 1097 | border: 1px solid var(--ctp-accent) !important; 1098 | background: var(--ctp-base) !important; 1099 | } 1100 | 1101 | #items.ytmusic-multi-select-menu-renderer 1102 | { 1103 | background: var(--ctp-base) !important; 1104 | } 1105 | 1106 | yt-formatted-string.text.style-scope.ytmusic-menu-title-renderer 1107 | { 1108 | color: var(--ctp-text) !important; 1109 | } 1110 | 1111 | yt-formatted-string.text.style-scope.ytmusic-multi-select-menu-item-renderer 1112 | { 1113 | color: var(--ctp-text) !important; 1114 | } 1115 | 1116 | .title.ytmusic-setting-action-renderer 1117 | { 1118 | color: var(--ctp-text) !important; 1119 | } 1120 | 1121 | .summary.ytmusic-setting-action-renderer 1122 | { 1123 | color: var(--ctp-text) !important; 1124 | } 1125 | 1126 | yt-formatted-string.primary-text.style-scope.ytmusic-tastebuilder-renderer 1127 | { 1128 | color: var(--ctp-text) !important; 1129 | } 1130 | 1131 | yt-formatted-string.secondary-text.style-scope.ytmusic-tastebuilder-renderer 1132 | { 1133 | color: var(--ctp-text) !important; 1134 | } 1135 | 1136 | yt-formatted-string.primary-text.style-scope.ytmusic-tastebuilder-item-renderer 1137 | { 1138 | color: var(--ctp-text) !important; 1139 | } 1140 | 1141 | div.overlay-effect.style-scope.ytmusic-tastebuilder-item-renderer 1142 | { 1143 | background: linear-gradient(var(--ctp-base) 0%, #00000000 100%) !important; 1144 | color: var(--ctp-base) !important; 1145 | } 1146 | 1147 | yt-icon.ytmusic-tastebuilder-item-renderer 1148 | { 1149 | color: var(--ctp-text) !important; 1150 | } 1151 | 1152 | yt-button-renderer #button.yt-button-renderer 1153 | { 1154 | color: var(--ctp-base) !important; 1155 | } 1156 | 1157 | .buttons.ytmusic-tastebuilder-renderer 1158 | { 1159 | background: var(--ctp-mantle) !important; 1160 | } 1161 | 1162 | input.ytmusic-search-box, #placeholder.ytmusic-search-box 1163 | { 1164 | color: var(--ctp-text) !important; 1165 | } 1166 | 1167 | ytmusic-toggle-button-renderer #button.ytmusic-toggle-button-renderer 1168 | { 1169 | color: var(--ctp-text) !important; 1170 | } 1171 | 1172 | ytmusic-responsive-list-item-renderer[show-checkbox] yt-checkbox-renderer.ytmusic-responsive-list-item-renderer 1173 | { 1174 | --yt-spec-text-primary: var(--ctp-accent) !important; 1175 | } 1176 | 1177 | #input::placeholder 1178 | { 1179 | color: var(--ctp-text) !important; 1180 | } 1181 | 1182 | yt-formatted-string.non-expandable.description.style-scope.ytmusic-description-shelf-renderer 1183 | { 1184 | color: var(--ctp-text) !important; 1185 | } 1186 | 1187 | yt-formatted-string.footer.style-scope.ytmusic-description-shelf-renderer 1188 | { 1189 | color: var(--ctp-text) !important; 1190 | } 1191 | 1192 | tp-yt-paper-icon-button.ytmusic-settings-button 1193 | { 1194 | background-color: var(--ctp-text) !important; 1195 | } 1196 | 1197 | yt-img-shadow#avatar.style-scope.ytd-active-account-header-renderer.no-transition 1198 | { 1199 | background-color: var(--ctp-text) !important; 1200 | } 1201 | 1202 | yt-multi-page-menu-section-renderer.style-scope.ytd-multi-page-menu-renderer 1203 | { 1204 | border-bottom: none !important; 1205 | } 1206 | 1207 | ytd-active-account-header-renderer.style-scope.ytd-multi-page-menu-renderer 1208 | { 1209 | border-bottom: none !important; 1210 | } 1211 | 1212 | ytd-multi-page-menu-renderer.style-scope.ytmusic-popup-container 1213 | { 1214 | border: 1px solid var(--ctp-surface0) !important; 1215 | } 1216 | 1217 | ytd-multi-page-menu-renderer 1218 | { 1219 | border-radius: 5px !important; 1220 | } 1221 | 1222 | ytmusic-setting-category-collection-renderer.style-scope.ytmusic-settings-page 1223 | { 1224 | border-left: none !important; 1225 | } 1226 | 1227 | tp-yt-paper-tabs.tab-header-container.style-scope.ytmusic-player-page 1228 | { 1229 | border-bottom: none !important; 1230 | } 1231 | 1232 | ytmusic-item-thumbnail-overlay-renderer.thumbnail-overlay.style-scope.ytmusic-two-row-item-renderer 1233 | { 1234 | background: #00000000 !important; 1235 | } 1236 | 1237 | yt-formatted-string.header.style-scope.ytmusic-description-shelf-renderer 1238 | { 1239 | color: var(--ctp-text) !important; 1240 | } 1241 | 1242 | yt-formatted-string.description.style-scope.ytmusic-description-shelf-renderer 1243 | { 1244 | color: var(--ctp-text) !important; 1245 | } 1246 | 1247 | ytmusic-app-layout 1248 | { 1249 | --ytmusic-fullscreen-player-overlay-gradient: linear-gradient(#00000000 0%, #00000000 75%, var(--ctp-base) 100%) !important; 1250 | } 1251 | 1252 | div.song-media-controls.style-scope.ytmusic-player 1253 | { 1254 | background: linear-gradient(var(--ctp-base) 0%, #00000000 50%) !important; 1255 | } 1256 | 1257 | ytmusic-player-queue-item.style-scope.ytmusic-player-queue 1258 | { 1259 | border-bottom: none !important; 1260 | } 1261 | 1262 | yt-multi-page-menu-section-renderer.style-scope.ytd-multi-page-menu-renderer 1263 | { 1264 | border-top: none !important; 1265 | } 1266 | 1267 | div#container.style-scope.ytd-google-account-header-renderer 1268 | { 1269 | border-bottom: none !important; 1270 | } 1271 | 1272 | ytd-account-section-list-renderer.style-scope.ytd-multi-page-menu-renderer 1273 | { 1274 | border-top: none !important; 1275 | } 1276 | 1277 | ytmusic-responsive-list-item-renderer.style-scope.ytmusic-shelf-renderer 1278 | { 1279 | border-bottom: none !important; 1280 | } 1281 | 1282 | ytmusic-responsive-list-item-renderer.style-scope.ytmusic-playlist-shelf-renderer 1283 | { 1284 | border-bottom: none !important; 1285 | } 1286 | 1287 | yt-formatted-string.style-scope.ytmusic-grid-header-renderer 1288 | { 1289 | color: var(--ctp-text) !important; 1290 | } 1291 | 1292 | ytmusic-navigation-button-renderer[button-style=STYLE_SOLID] button.ytmusic-navigation-button-renderer 1293 | { 1294 | border-left: 6px solid var(--ctp-accent) !important; 1295 | } 1296 | 1297 | yt-confirm-dialog-renderer.style-scope.ytmusic-popup-container 1298 | { 1299 | background: var(--ctp-mantle) !important; 1300 | } 1301 | 1302 | .buttons.yt-confirm-dialog-renderer 1303 | { 1304 | border-top: none !important; 1305 | } 1306 | 1307 | yt-formatted-string#title.style-scope.yt-confirm-dialog-renderer 1308 | { 1309 | color: var(--ctp-text) !important; 1310 | } 1311 | 1312 | yt-formatted-string.line-text.style-scope.yt-confirm-dialog-renderer 1313 | { 1314 | color: var(--ctp-text) !important; 1315 | } 1316 | 1317 | div.value.style-scope.ytmusic-nerd-stats 1318 | { 1319 | color: var(--ctp-text) !important; 1320 | } 1321 | 1322 | ytmusic-nerd-stats.style-scope.ytmusic-player 1323 | { 1324 | background-color: var(--ctp-base) !important; 1325 | } 1326 | 1327 | tp-yt-iron-overlay-backdrop.opened 1328 | { 1329 | color: var(--ctp-crust) !important; 1330 | background: var(--ctp-crust) !important; 1331 | } 1332 | 1333 | iron-label#iron-label-1.title.style-scope.ytmusic-tab-renderer 1334 | { 1335 | color: var(--ctp-text) !important; 1336 | } 1337 | 1338 | div.subtitle.style-scope.ytmusic-tab-renderer 1339 | { 1340 | color: var(--ctp-text) !important; 1341 | } 1342 | 1343 | div.gradient-container.style-scope.ytmusic-immersive-header-renderer 1344 | { 1345 | background: linear-gradient(360deg, var(--ctp-base) 9.89%, #00000000 100%) !important; 1346 | } 1347 | 1348 | yt-unlimited-page-header-renderer.style-scope.ytmusic-item-section-renderer 1349 | { 1350 | background: var(--ctp-base) !important; 1351 | } 1352 | 1353 | yt-formatted-string#header.style-scope.yt-music-pass-feature-info-renderer 1354 | { 1355 | color: var(--ctp-text) !important; 1356 | } 1357 | 1358 | yt-formatted-string#description.style-scope.yt-music-pass-feature-info-renderer 1359 | { 1360 | color: var(--ctp-text) !important; 1361 | } 1362 | 1363 | yt-formatted-string#header.style-scope.yt-music-pass-small-feature-info-renderer 1364 | { 1365 | color: var(--ctp-text) !important; 1366 | } 1367 | 1368 | yt-formatted-string#description.style-scope.yt-music-pass-small-feature-info-renderer 1369 | { 1370 | color: var(--ctp-text) !important; 1371 | } 1372 | 1373 | yt-formatted-string#subtitle.style-scope.yt-unlimited-page-header-renderer 1374 | { 1375 | color: var(--ctp-text) !important; 1376 | } 1377 | 1378 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/youtube/img/promos/growth/ytm_lp2_icon_feature_headset_84x84.png"] 1379 | { 1380 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/mochaprem1.png") !important; 1381 | background-color: var(--ctp-accent) !important; 1382 | } 1383 | 1384 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/youtube/img/promos/growth/ytm_lp2_icon_feature_play_84x84.png"] 1385 | { 1386 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/mochaprem2.png") !important; 1387 | background-color: var(--ctp-accent) !important; 1388 | } 1389 | 1390 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/youtube/img/promos/growth/ytm_lp2_icon_feature_download_84x84.png"] 1391 | { 1392 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/mochaprem3.png") !important; 1393 | background-color: var(--ctp-accent) !important; 1394 | } 1395 | 1396 | img#img.style-scope.yt-img-shadow[src="https://www.gstatic.com/youtube/img/promos/growth/ytm_lp2_logo_desktop_552x71.png"] 1397 | { 1398 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/mochapremtitle.png") !important; 1399 | background-color: var(--ctp-accent) !important; 1400 | } 1401 | 1402 | ytmusic-multi-select-menu-bar.style-scope.ytmusic-dialog 1403 | { 1404 | background-color: var(--ctp-mantle) !important; 1405 | } 1406 | 1407 | ytmusic-dialog 1408 | { 1409 | background-color: var(--ctp-surface0) !important; 1410 | border: 1px var(--ctp-surface0) solid !important; 1411 | border-radius: 2px !important; 1412 | } 1413 | 1414 | yt-formatted-string.style-scope.ytmusic-multi-select-menu-bar 1415 | { 1416 | color: var(--ctp-text) !important; 1417 | } 1418 | 1419 | yt-checkbox-renderer.fixed-column.MUSIC_RESPONSIVE_LIST_ITEM_COLUMN_DISPLAY_PRIORITY_HIGH.style-scope.ytmusic-responsive-list-item-renderer 1420 | { 1421 | color: var(--ctp-accent) !important; 1422 | } 1423 | 1424 | button.yt-icon-button > yt-icon 1425 | { 1426 | fill: var(--ctp-accent) !important; 1427 | } 1428 | 1429 | ytmusic-unified-share-panel-renderer.style-scope.ytmusic-popup-container 1430 | { 1431 | background-color: var(--ctp-mantle) !important; 1432 | } 1433 | 1434 | tp-yt-paper-dialog.style-scope.ytmusic-popup-container 1435 | { 1436 | background-color: var(--ctp-mantle) !important; 1437 | } 1438 | 1439 | div#title.style-scope.yt-share-target-renderer 1440 | { 1441 | color: var(--ctp-text) !important; 1442 | } 1443 | 1444 | h2#title.style-scope.yt-share-panel-title-v15-renderer 1445 | { 1446 | color: var(--ctp-text) !important; 1447 | } 1448 | 1449 | input#share-url.style-scope.yt-copy-link-renderer 1450 | { 1451 | color: var(--ctp-text) !important; 1452 | } 1453 | 1454 | div#bar.style-scope.yt-copy-link-renderer 1455 | { 1456 | background-color: var(--ctp-crust) !important; 1457 | border: 1px var(--ctp-accent) solid !important; 1458 | } 1459 | 1460 | .scroll-button.yt-third-party-share-target-section-renderer 1461 | { 1462 | background-color: var(--ctp-crust) !important; 1463 | } 1464 | 1465 | ytmusic-playlist-form.style-scope.ytmusic-dialog 1466 | { 1467 | background-color: var(--ctp-mantle) !important; 1468 | } 1469 | 1470 | ytmusic-playlist-form[tabbed-ui-enabled] iron-pages.ytmusic-playlist-form .content.ytmusic-playlist-form 1471 | { 1472 | border-top: none !important; 1473 | border-bottom: none !important; 1474 | } 1475 | 1476 | tp-yt-paper-button.submit-button.style-scope.ytmusic-playlist-form 1477 | { 1478 | color: var(--ctp-mantle) !important; 1479 | background-color: var(--ctp-accent) !important; 1480 | } 1481 | 1482 | tp-yt-paper-button.cancel-button.style-scope.ytmusic-playlist-form 1483 | { 1484 | color: var(--ctp-accent) !important; 1485 | } 1486 | 1487 | div#caption.style-scope.yt-toggle-form-field-renderer 1488 | { 1489 | color: var(--ctp-text) !important; 1490 | } 1491 | 1492 | .floated-label-placeholder.tp-yt-paper-input-container 1493 | { 1494 | color: var(--ctp-text) !important; 1495 | } 1496 | 1497 | ytmusic-dropdown-renderer[dropdown-style=underline] .icon.ytmusic-dropdown-renderer 1498 | { 1499 | color: var(--ctp-accent) !important; 1500 | } 1501 | 1502 | .icon.ytmusic-dropdown-item-renderer 1503 | { 1504 | color: var(--ctp-accent) !important; 1505 | } 1506 | 1507 | yt-formatted-string.description.style-scope.ytmusic-dropdown-item-renderer 1508 | { 1509 | color: var(--ctp-text) !important; 1510 | } 1511 | 1512 | yt-formatted-string.headline.style-scope.ytmusic-add-to-playlist-renderer 1513 | { 1514 | color: var(--ctp-text) !important; 1515 | } 1516 | 1517 | yt-formatted-string.section-heading.style-scope.ytmusic-add-to-playlist-renderer 1518 | { 1519 | color: var(--ctp-text) !important; 1520 | } 1521 | 1522 | yt-formatted-string#title.style-scope.ytmusic-playlist-add-to-option-renderer 1523 | { 1524 | color: var(--ctp-text) !important; 1525 | } 1526 | 1527 | ytmusic-add-to-playlist-renderer 1528 | { 1529 | background-color: var(--ctp-mantle) !important; 1530 | border: 1px solid var(--ctp-accent) !important; 1531 | } 1532 | 1533 | ytmusic-carousel-shelf-renderer.ytmusic-add-to-playlist-renderer:not(:empty) 1534 | { 1535 | border-bottom: none !important; 1536 | } 1537 | 1538 | .top-bar.ytmusic-add-to-playlist-renderer 1539 | { 1540 | border-bottom: none !important; 1541 | } 1542 | 1543 | yt-formatted-string.byline.style-scope.ytmusic-playlist-add-to-option-renderer 1544 | { 1545 | color: var(--ctp-text) !important; 1546 | } 1547 | 1548 | img#img.style-scope.yt-img-shadow[src="https://lh3.googleusercontent.com/wr28amLh-pMk4vmrYv_Orhly8DTtdvZJFuLwmXG5RNvZJjGlFe_WMnKp4pWlZI1gL7ihQn-xZuzZ0A6VZZbv2Z-iTEH3dpjn=w88-h88"] 1549 | { 1550 | content: url("https://raw.githubusercontent.com/catppuccin/youtubemusic/main/assets/icons/mochaplaylistempty.png") !important; 1551 | } 1552 | 1553 | tp-yt-paper-toast#toast.style-scope.ytmusic-notification-text-renderer.paper-toast-open 1554 | { 1555 | background-color: var(--ctp-mantle) !important; 1556 | color: var(--ctp-text) !important; 1557 | } 1558 | 1559 | tp-yt-paper-toast#toast.toast-button.style-scope.yt-notification-action-renderer.paper-toast-open 1560 | { 1561 | background-color: var(--ctp-mantle) !important; 1562 | color: var(--ctp-text) !important; 1563 | } 1564 | 1565 | yt-formatted-string#text.style-scope.yt-notification-action-renderer 1566 | { 1567 | color: var(--ctp-text) !important; 1568 | } 1569 | 1570 | tp-yt-paper-toast#toast.toast-button.style-scope.yt-notification-action-renderer 1571 | { 1572 | background-color: var(--ctp-mantle) !important; 1573 | color: var(--ctp-text) !important; 1574 | } 1575 | 1576 | tp-yt-paper-toast#toast.style-scope.ytmusic-notification-text-renderer 1577 | { 1578 | background-color: var(--ctp-mantle) !important; 1579 | color: var(--ctp-text) !important; 1580 | } 1581 | 1582 | div.title.style-scope.ytmusic-player-queue 1583 | { 1584 | color: var(--ctp-text) !important; 1585 | opacity: 1 !important; 1586 | } 1587 | 1588 | yt-icon.icon.style-scope.ytmusic-multi-select-menu-item-renderer 1589 | { 1590 | fill: var(--ctp-accent) !important; 1591 | } 1592 | 1593 | ytmusic-icon-badge-renderer.thumbnail.style-scope.ytmusic-responsive-list-item-renderer 1594 | { 1595 | background-color: var(--ctp-mantle) !important; 1596 | color: var(--ctp-text) !important; 1597 | } 1598 | 1599 | #title.ytmusic-multi-select-menu-renderer 1600 | { 1601 | border-bottom: none !important; 1602 | } 1603 | 1604 | ytmusic-menu-item-divider-renderer.style-scope.ytmusic-multi-select-menu-renderer 1605 | { 1606 | border-bottom: none !important; 1607 | } 1608 | 1609 | yt-formatted-string.title.style-scope.ytmusic-setting-single-option-menu-renderer 1610 | { 1611 | color: var(--ctp-text) !important; 1612 | } 1613 | 1614 | .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text 1615 | { 1616 | color: var(--ctp-accent) !important; 1617 | } 1618 | 1619 | .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled 1620 | { 1621 | color: var(--ctp-base) !important; 1622 | background-color: var(--ctp-accent) !important; 1623 | } 1624 | 1625 | .yt-spec-touch-feedback-shape--touch-response .yt-spec-touch-feedback-shape__fill 1626 | { 1627 | background-color: var(--ctp-text) !important; 1628 | } 1629 | 1630 | .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline 1631 | { 1632 | color: var(--ctp-accent) !important; 1633 | border-color: var(--ctp-accent) !important; 1634 | border-radius: 36px !important; 1635 | } 1636 | 1637 | ytmusic-av-toggle[playback-mode=OMV_PREFERRED] .video-button.ytmusic-av-toggle 1638 | { 1639 | background-color: var(--ctp-mantle) !important; 1640 | } 1641 | 1642 | ytmusic-av-toggle[playback-mode=ATV_PREFERRED] .song-button.ytmusic-av-toggle 1643 | { 1644 | background-color: var(--ctp-mantle) !important; 1645 | } 1646 | 1647 | ytmusic-av-toggle[toggle-disabled] .song-button.ytmusic-av-toggle 1648 | { 1649 | color: var(--ctp-accent) !important; 1650 | background-color: var(--ctp-crust); 1651 | } 1652 | 1653 | ytmusic-av-toggle[toggle-disabled] .video-button.ytmusic-av-toggle 1654 | { 1655 | color: var(--ctp-accent) !important; 1656 | background-color: var(--ctp-crust); 1657 | } 1658 | 1659 | .av-toggle.ytmusic-av-toggle 1660 | { 1661 | opacity: 1 !important; 1662 | background-color: var(--ctp-crust) !important; 1663 | } 1664 | 1665 | .yt-spec-button-shape-next--call-to-action-inverse.yt-spec-button-shape-next--text 1666 | { 1667 | color: var(--ctp-accent) !important; 1668 | } 1669 | 1670 | ytmusic-guide-entry-renderer 1671 | { 1672 | color: var(--ctp-accent) !important; 1673 | } 1674 | 1675 | ytmusic-guide-entry-renderer[active] tp-yt-paper-item.ytmusic-guide-entry-renderer 1676 | { 1677 | background-color: var(--ctp-base) !important; 1678 | } 1679 | 1680 | ytmusic-app[is-bauhaus-sidenav-enabled] #guide-wrapper.ytmusic-app 1681 | { 1682 | background: var(--ctp-mantle) !important; 1683 | border: none !important; 1684 | } 1685 | 1686 | #divider.ytmusic-guide-section-renderer 1687 | { 1688 | border: none !important; 1689 | } 1690 | 1691 | .title.ytmusic-guide-entry-renderer 1692 | { 1693 | color: var(--ctp-text) !important; 1694 | } 1695 | 1696 | .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal 1697 | { 1698 | color: var(--ctp-text) !important; 1699 | background-color: var(--ctp-base) !important; 1700 | } 1701 | 1702 | ytmusic-guide-entry-renderer:not([is-primary]) .subtitle.ytmusic-guide-entry-renderer 1703 | { 1704 | color: var(--ctp-text) !important; 1705 | } 1706 | 1707 | ytmusic-guide-renderer[is-collapsed] 1708 | { 1709 | background: var(--ctp-mantle) !important; 1710 | } 1711 | 1712 | yt-start-at-renderer.yt-third-party-network-section-renderer 1713 | { 1714 | padding-top: 0 !important; 1715 | border-top: none !important; 1716 | } 1717 | 1718 | yt-formatted-string.yt-start-at-renderer 1719 | { 1720 | color: var(--ctp-text) !important; 1721 | } 1722 | 1723 | #checkbox.tp-yt-paper-checkbox 1724 | { 1725 | border-color: var(--ctp-text) !important; 1726 | } 1727 | 1728 | #checkbox.checked.tp-yt-paper-checkbox 1729 | { 1730 | background-color: var(--ctp-text) !important; 1731 | } 1732 | 1733 | .unfocused-line.tp-yt-paper-input-container 1734 | { 1735 | border-bottom: none !important; 1736 | } 1737 | 1738 | ytmusic-player-page[is-mweb-modernization-enabled][player-page-ui-state=TABS_VIEW] #side-panel.ytmusic-player-page { 1739 | background: var(--ctp-base) !important; 1740 | } 1741 | 1742 | ytmusic-player-page[is-mweb-modernization-enabled] .side-panel.ytmusic-player-page { 1743 | background: var(--ctp-base) !important; 1744 | } 1745 | 1746 | ytmusic-player-page[is-mweb-modernization-enabled][player-page-ui-state=TABS_VIEW] #main-panel.ytmusic-player-page { 1747 | background: var(--ctp-base) !important; 1748 | } 1749 | 1750 | .content-info-wrapper.ytmusic-player-bar .byline.ytmusic-player-bar { 1751 | color: var(--ctp-accent) !important; 1752 | } 1753 | 1754 | .title.ytmusic-player-controls { 1755 | color: var(--ctp-text) !important; 1756 | } 1757 | 1758 | .byline.ytmusic-player-controls { 1759 | color: var(--ctp-accent) !important; 1760 | } 1761 | 1762 | .play-pause-button-wrapper.ytmusic-player-controls { 1763 | background: var(--ctp-mantle) !important; 1764 | } 1765 | 1766 | #primaryProgress.tp-yt-paper-progress { 1767 | background-color: var(--ctp-accent) !important; 1768 | } 1769 | 1770 | #secondaryProgress.tp-yt-paper-progress { 1771 | background-color: var(--ctp-crust) !important; 1772 | } 1773 | 1774 | #progressContainer.tp-yt-paper-progress, .indeterminate.tp-yt-paper-progress::after { 1775 | background-color: var(--ctp-mantle) !important; 1776 | } 1777 | 1778 | .slider-knob-inner.tp-yt-paper-slider { 1779 | background-color: var(--ctp-accent) !important; 1780 | border: var(--ctp-accent) 2px solid !important; 1781 | } 1782 | 1783 | .current-time.ytmusic-player-controls, .total-time.ytmusic-player-controls { 1784 | color: var(--ctp-text) !important; 1785 | } 1786 | 1787 | .title.ytmusic-queue-header-renderer { 1788 | color: var(--ctp-text) !important; 1789 | } 1790 | 1791 | .subtitle.ytmusic-queue-header-renderer { 1792 | color: var(--ctp-text) !important; 1793 | } 1794 | 1795 | .autoplay.ytmusic-tab-renderer .title.ytmusic-tab-renderer { 1796 | color: var(--ctp-text) !important; 1797 | } 1798 | 1799 | ytmusic-player-page[is-mweb-modernization-enabled] .background-gradient.ytmusic-player-page { 1800 | background: var(--ctp-base) !important; 1801 | } 1802 | 1803 | ytmusic-guide-entry-renderer:not([is-primary]) #play-button.ytmusic-guide-entry-renderer { 1804 | background-color: none !important; 1805 | color: none !important; 1806 | } 1807 | 1808 | .go3564761155 { 1809 | background-color: var(--ctp-mantle) !important; 1810 | color: var(--ctp-text) !important; 1811 | } 1812 | 1813 | ytmusic-player-bar:is([repeat-mode=NONE]) .repeat.ytmusic-player-bar { 1814 | opacity: 0.5; 1815 | } 1816 | 1817 | #nav-bar-background.ytmusic-app-layout { 1818 | background: var(--ctp-mantle) !important; 1819 | } 1820 | 1821 | ytmusic-app-layout[is-bauhaus-sidenav-enabled] #nav-bar-background.ytmusic-app-layout 1822 | { 1823 | border-bottom: none !important; 1824 | } 1825 | 1826 | ytmusic-nav-bar[enable-bauhaus-style] .app-bar-button.ytmusic-nav-bar { 1827 | background: var(--ctp-accent) !important; 1828 | color: var(--ctp-base) !important; 1829 | } 1830 | 1831 | yt-formatted-string.ytmusic-guide-signin-promo-renderer { 1832 | color: var(--ctp-subtext) !important; 1833 | } 1834 | 1835 | yt-icon.ytmusic-guide-signin-promo-renderer { 1836 | fill: var(--ctp-accent) !important; 1837 | } 1838 | 1839 | .action-text.ytmusic-guide-signin-promo-renderer { 1840 | color: var(--ctp-accent) !important; 1841 | } 1842 | -------------------------------------------------------------------------------- /src/youtubemusic.user.css: -------------------------------------------------------------------------------- 1 | /*==UserStyle== 2 | @name Youtube Music Catppuccin 3 | @namespace github.com/catppuccin/youtubemusic 4 | @version 0.4.4 5 | @description Soothing pastel theme for Youtube Music 6 | @author Catppuccin 7 | @updateURL https://raw.githubusercontent.com/catppuccin/youtubemusic/main/src/youtubemusic.user.css 8 | @preprocessor less 9 | 10 | @var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"] 11 | @var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] 12 | @var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire*", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] 13 | ==/UserStyle== */ 14 | 15 | @-moz-document domain("music.youtube.com") { 16 | @import (css) url("https://youtubemusic.catppuccin.com/src/@{lightFlavor}.css") (prefers-color-scheme: light); 17 | @import (css) url("https://youtubemusic.catppuccin.com/src/@{darkFlavor}.css") (prefers-color-scheme: dark); 18 | 19 | html:not(.style-scope) { 20 | @accent: "--ctp-@{accentColor}"; 21 | --ctp-accent: var(e(@accent)) !important; 22 | } 23 | } 24 | --------------------------------------------------------------------------------