Created
June 29, 2025 20:40
-
-
Save isabelroses/be1812117fe1179a11f9473b4d242ab1 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* ==UserStyle== | |
| @name comfy ytm | |
| @namespace github.com/isabelroses/comfy-ytm | |
| @homepageURL https://github.com/isabelroses/comfy-ytm | |
| @version 2000.01.01 | |
| @updateURL https://github.com/isabelroses/comfy-ytm/raw/main/style.user.less | |
| @supportURL https://github.com/isabelroses/comfy-ytm/issues?q=is%3Aopen+is%3Aissue | |
| @description Soothing pastel theme for <port-name> | |
| @author isabel roses | |
| @license MIT | |
| @preprocessor less | |
| ==/UserStyle== */ | |
| @-moz-document url-prefix("https://music.youtube.com/") { | |
| // hide chrome cast button | |
| .cast-button.ytmusic-cast-button { | |
| display: none; | |
| } | |
| // imo ts is really annoying | |
| // this is the background gradient based off of media | |
| ytmusic-fullbleed-thumbnail-renderer { | |
| display: none; | |
| } | |
| // search bar lol | |
| .search-box.ytmusic-search-box { | |
| background: transparent !important; | |
| } | |
| ytmusic-nav-bar { | |
| yt-icon-button.ytmusic-settings-button { | |
| border-radius: 5px; | |
| width: 4rem; | |
| height: 4rem; | |
| } | |
| yt-img-shadow.ytmusic-settings-button { | |
| width: 100%; | |
| height: 100%; | |
| } | |
| } | |
| ytmusic-nav-bar[is-bauhaus-sidenav-enabled] .center-content.ytmusic-nav-bar { | |
| margin-left: 1rem; | |
| position: unset; | |
| justify-content: unset; | |
| padding-left: unset; | |
| transform: unset; | |
| } | |
| // remove left top nav | |
| ytmusic-nav-bar[is-bauhaus-sidenav-enabled] .left-content.ytmusic-nav-bar { | |
| display: none; | |
| } | |
| // left nav entire | |
| #sections.ytmusic-guide-renderer { | |
| gap: 1rem; | |
| } | |
| // remove side & top border | |
| ytmusic-app-layout[is-bauhaus-sidenav-enabled] #nav-bar-background.ytmusic-app-layout, | |
| ytmusic-app-layout[is-bauhaus-sidenav-enabled] #nav-bar-divider.ytmusic-app-layout, | |
| ytmusic-app-layout[is-bauhaus-sidenav-enabled] #mini-guide-background.ytmusic-app-layout, | |
| ytmusic-app[is-bauhaus-sidenav-enabled] #guide-wrapper.ytmusic-app { | |
| border: 0; | |
| } | |
| // left nav boxes | |
| ytmusic-guide-section-renderer:not([is-primary]), | |
| ytmusic-guide-section-renderer { | |
| border-radius: 10px; | |
| background: rgba(255,255,255,.05); | |
| padding-top: 1rem; | |
| padding-bottom: 1rem; | |
| margin-left: 1rem; | |
| // hide the section divider | |
| #divider.ytmusic-guide-section-renderer { | |
| display: none; | |
| } | |
| #items { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 5px; | |
| } | |
| button[aria-label="New playlist"] { | |
| border-radius: 10px; | |
| } | |
| } | |
| // flip order of playlists bar | |
| ytmusic-guide-section-renderer:not([is-primary]) { | |
| flex-direction: column-reverse; | |
| // gap: 1rem; | |
| #buttons { | |
| margin-bottom: unset; | |
| margin-top: 16px; | |
| } | |
| } | |
| // why do the chips have so much padding on the top its absurd | |
| // ytmusic-chip-cloud-chip-renderer.ytmusic-chip-cloud-renderer { | |
| // padding: unset; | |
| // } | |
| ytmusic-chip-cloud-chip-renderer { | |
| display: none; | |
| } | |
| // i don't want videos please, just songs | |
| #items.ytmusic-carousel>.ytmusic-carousel[aspect-ratio=MUSIC_TWO_ROW_ITEM_THUMBNAIL_ASPECT_RATIO_RECTANGLE_16_9] { | |
| display: none; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment