Tweaks for YTM.
YT music Tweaks by him
Details
Authorhim
LicenseNo License
Categorymusic.youtube.com
Created
Updated
Size11 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name YouTube Music Tweaks
@version 1.0
@description Small UI tweaks to YouTube Music.
@author Tech How
@namespace Tech-How
==/UserStyle== */
@-moz-document domain("music.youtube.com") {
/* Search Box */
ytmusic-search-box {
background: #0F0F0F !important;
border-radius: 7px;
}
ytmusic-search-box:not([opened]):not([has-query]) .search-box.ytmusic-search-box {
background: #0F0F0F !important;
}
ytmusic-search-box[opened] {
box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.26) !important;
}
ytmusic-search-box[opened] #suggestions {
background: #212121 !important;
}
ytmusic-search-box[opened] #suggestions ytmusic-search-suggestion {
background: #212121 !important;
}
ytmusic-search-box[opened] #suggestions ytmusic-search-suggestion:hover {
background: #383838 !important;
}
/* Search Box Initiated */
.search-box.ytmusic-search-box {
background: #212121 !important;
}
/* Search Tabs */
ytmusic-tabs.stuck {
background: #0F0F0F;
}
/* Search Results Category Stuck Header */
ytmusic-search-page.stuck ytmusic-header-renderer.ytmusic-search-page {
background: #0F0F0F !important;
}
/* Search Results Top Result Card */
.card-container.ytmusic-card-shelf-renderer {
background: #212121;
}
/* Player Bar */
.image.ytmusic-player-bar {
border-radius: 3px;
}
/* Text Transform */
#tabsContent.tp-yt-paper-tabs, yt-button-renderer yt-formatted-string.yt-button-renderer, .tab-content.tp-yt-paper-tab, tp-yt-paper-button.ytmusic-playlist-form, .tab.ytmusic-item-section-tab-renderer, .tab.selected.ytmusic-item-section-tab-renderer, .more-button.ytmusic-shelf-renderer tp-yt-paper-button.ytmusic-shelf-renderer, tp-yt-paper-button.ytmusic-toggle-button-renderer yt-icon.ytmusic-toggle-button-renderer~yt-formatted-string.ytmusic-toggle-button-renderer, .style-scope.ytmusic-subscribe-button-renderer, .sign-in-link.ytmusic-nav-bar, .done-button.ytmusic-uploads-complete, .library-button.ytmusic-uploads-complete, .stop-button.ytmusic-upload-progression {
text-transform: none;
}
.tab.ytmusic-tabs {
text-transform: capitalize;
}
/* Song Artwork Mod */
yt-img-shadow#thumbnail.thumbnail.style-scope.ytmusic-player.no-transition {
background-color: transparent !important;
}
ytmusic-player#player.style-scope.ytmusic-player-page {
background-color: transparent !important;
}
ytmusic-player {
background-color: transparent !important;
}
yt-img-shadow[object-fit=COVER] img.yt-img-shadow {
box-shadow: 3px 3px 15px rgba(0, 0, 0, .5) !important;
border-radius: 10px;
}
#thumbnail.ytmusic-player, #error-screen.ytmusic-player, .player-wrapper.ytmusic-player {
padding: 20px;
border-color: none;
border-radius: 10px;
}
.song-media-controls.ytmusic-player {
padding: 20px;
margin: 20px;
border-color: none;
border-radius: 10px;
}
.top-row-buttons.style-scope.ytmusic-player, .player-minimize-button.style-scope.ytmusic-player, .fullscreen-button.style-scope.ytmusic-player, .player-maximize-button.style-scope.ytmusic-player {
box-shadow: none !important;
border-radius: 10px;
}
/* Video Player Mod */
ytmusic-player-bar[player-fullscreened_], .style-scope.ytmusic-player-expanding-menu.ytmusic-player-bar {
background: #12121 !important;
transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 0.8) !important;
}
ytmusic-app-layout[player-fullscreened_][show-fullscreen-controls_] .fullscreen-overlay.ytmusic-app-layout, ytmusic-app-layout[player-fullscreened_][show-fullscreen-controls_] > [slot=player-bar] {
opacity: 0.8;
}
.html5-video-player.ytp-hide-controls.ytp-exp-bottom-control-flexbox.ytp-exp-ppp-update.ytp-hide-info-bar.ytp-iv-drawer-enabled.playing-mode, .html5-video-player.ytp-hide-controls.ytp-exp-bottom-control-flexbox.ytp-exp-ppp-update.ytp-hide-info-bar.ytp-iv-drawer-enabled.paused-mode, .html5-video-player.ytp-hide-controls.ytp-exp-bottom-control-flexbox.ytp-exp-ppp-update.ytp-hide-info-bar.ytp-large-width-mode.playing-mode.ytp-autohide, .html5-video-player.ytp-hide-controls.ytp-exp-bottom-control-flexbox.ytp-exp-ppp-update.ytp-hide-info-bar.ytp-large-width-mode.paused-mode, .html5-video-player.ytp-hide-controls.ytp-exp-bottom-control-flexbox.ytp-exp-ppp-update.ytp-hide-info-bar.playing-mode.ytp-small-mode, .html5-video-player.ytp-hide-controls.ytp-exp-bottom-control-flexbox.ytp-exp-ppp-update.ytp-hide-info-bar.paused-mode.ytp-small-mode, .html5-video-player.ytp-hide-controls.ytp-exp-bottom-control-flexbox.ytp-exp-ppp-update.ytp-hide-info-bar.ytp-large-width-mode.playing-mode, .html5-video-player.ytp-hide-controls.ytp-exp-bottom-control-flexbox.ytp-exp-ppp-update.ytp-hide-info-bar.ytp-large-width-mode.paused-mode, .html5-video-player.ytp-hide-controls.ytp-exp-bottom-control-flexbox.ytp-exp-ppp-update.ytp-hide-info-bar.ytp-large-width-mode.playing-mode.buffering-mode.unstarted-mode, .html5-video-player.ytp-hide-controls.ytp-exp-bottom-control-flexbox.ytp-exp-ppp-update.ytp-hide-info-bar.ytp-large-width-mode.paused-mode.buffering-mode.unstarted-mode, .html5-video-container {
box-shadow: 3px 3px 15px rgba(0, 0, 0, .5) !important;
border-color: none;
border-radius: 10px;
max-width: 94.5%;
max-height: 94.5%;
}
#error-wrapper.ytmusic-player, #error-screen.ytmusic-player {
box-shadow: 3px 3px 15px rgba(0, 0, 0, .5) !important;
border-color: none;
border-radius: 10px;
max-width: 94.5%;
max-height: 54.5%;
margin-top: -10%;
margin-bottom: -10.2%;
margin-left: 20px;
margin-right: 20px;
padding-top: 49.9%;
}
ytmusic-player[player-ui-state_=FULLSCREEN] {
width: 106.5vw;
height: 106.8vh;
margin-top: -22.6px !important;
margin-left: -22.6px !important;
}
/* Expanding Player Bar */
ytmusic-player-page[mini-player-enabled_][player-page-open_] #player.ytmusic-player-page {
border-radius: 10px;
}
ytmusic-player-page[mini-player-enabled_]:not([player-page-open_]) #player.ytmusic-player-page {
box-shadow: none !important;
border-radius: 10px;
}
/* Scroll Bars */
::-webkit-scrollbar {
width: 0px;
}
/* Nerd Stats */
ytmusic-player ytmusic-nerd-stats.ytmusic-player {
margin: 20px !important;
border-top-left-radius: 10px !important;
}
/* Share Dialog */
.style-scope.ytmusic-popup-container {
border-radius: 10px;
}
button.yt-icon-button {
background: #181818 !important;
}
#bar.yt-copy-link-renderer {
border: none;
border-radius: 4px;
}
.style-scope.yt-button-renderer.style-text {
text-transform: none;
}
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:hover {
background-color: #fff;
}
/* Other Dialog Boxes */
ytmusic-mealbar-promo-renderer[dialog][dialog][dialog] {
background: #fff;
box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.3);
}
/* Account Menu */
#contentWrapper.tp-yt-iron-dropdown > * {
box-shadow: 3px 3px 15px rgba(0, 0, 0, .5) !important;
}
.menu-container.ytd-multi-page-menu-renderer {
background: #202020;
}
/* Artist Page/Immersive Header */
/* Below Content Margins */
.image.ytmusic-immersive-header-renderer ~ .content-container-wrapper.ytmusic-immersive-header-renderer .content-container.ytmusic-immersive-header-renderer {
padding: 0 0 30px;
}
/* Personal Artist Page */
ytmusic-visual-header-renderer[has-banner-image] .content-container.ytmusic-visual-header-renderer {
margin-bottom: 33px;
}
ytmusic-visual-header-renderer[has-banner-image]:not([no-transition]) .gradient-container.ytmusic-visual-header-renderer {
padding-bottom: 1px;
}
/* Buttons */
#button.style-scope.yt-button-renderer.size-default, .sign-in-link.ytmusic-nav-bar {
border-radius: 5px;
}
yt-button-renderer.ytmusic-menu-renderer, .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline, .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover {
border-radius: 20px;
}
.play-button.style-scope.ytmusic-immersive-header-renderer.style-dark-on-white.size-default, .radio-button.ytmusic-immersive-header-renderer {
border-radius: 5px;
}
.yt-simple-endpoint.style-scope.yt-button-renderer {
border-radius: 5px !important;
}
.title.ytmusic-immersive-header-renderer, .description.ytmusic-immersive-header-renderer, ytmusic-toggle-button-renderer yt-formatted-string.ytmusic-toggle-button-renderer, .style-scope.ytmusic-subscribe-button-renderer, .dropdown-trigger.style-scope.ytmusic-menu-renderer.style-scope.tp-yt-paper-icon-button {
border-radius: 5px;
}
#top-level-buttons.ytmusic-menu-renderer > .outline-button.ytmusic-menu-renderer, .edit-playlist-button.ytmusic-menu-renderer, ytmusic-toggle-button-renderer.ytmusic-menu-renderer, #bottom-button.ytmusic-shelf-renderer yt-button-renderer.style-white-with-border.ytmusic-shelf-renderer, #top-level-buttons.ytmusic-menu-renderer > .ytmusic-menu-renderer:not(:first-child), ytmusic-data-bound-top-level-menu-item.ytmusic-data-bound-menu-renderer:not(:first-child) {
border-radius: 5px;
}
/* Edit Playlist Metadata */
ytmusic-dialog {
border-color: transparent;
}
#content.ytmusic-dialog > *.ytmusic-dialog {
background: #202020 !important;
border-radius: 7px;
}
.dropdown-content.ytmusic-dropdown-renderer, ytmusic-dropdown-item-renderer {
background: #2D2D2D !important;
box-shadow: none !important;
}
tp-yt-iron-dropdown.tp-yt-paper-menu-button {
border-radius: 10px;
}
#contentWrapper.tp-yt-iron-dropdown > * {
border-radius: 10px;
background: #2D2D2D;
}
.style-scope.ytmusic-dropdown-renderer.iron-selected {
background: #212121 !important;
}
ytmusic-dropdown-item-renderer:hover {
background: #191919 !important;
}
tp-...