Skip to content

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

Tweaks for YTM.

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-...

Reviews

No reviews yet.