youtube-music-plus.user.css

/* ==UserStyle==
@name           Youtube Music Plus
@namespace      kataba.me
@version        0.1.0
@description    Make youtube music great again
@author         katabame
==/UserStyle== */
@-moz-document domain("music.youtube.com")
{
	html:not([style-scope]):not(.stype-scope)
	{
		--ytmusic-color-scrubber-bar-1: #9C27B0;
		--ytmusic-player-bar-height: 6rem;
		--ytmusic-nav-bar-height: 5rem;
	}
	
	/* ==========
        Nav bar
       ========== */
	ytmusic-nav-bar
	{
		flex-direction: row-reverse;
	}
	.ytmusic-nav-bar.left-content
	{
		display: none;
	}
	.ytmusic-nav-bar.center-content
	{
		justify-content: flex-start;
	}
	ytmusic-pivot-bar-renderer
	{
		order: -1;
	}
	ytmusic-pivot-bar-item-renderer.ytmusic-pivot-bar-renderer
	{
		margin: 0 2rem;
	}
	ytmusic-search-box
	{
		margin-top: -.6rem;
	}
	ytmusic-search-box[opened]
	{
		position: relative;
	}
	ytmusic-search-box[opened] .search-container.ytmusic-search-box
	{
		margin-top: -.3rem;
	}
	
	/* ==========
        Music player
       ========== */
	ytmusic-player-bar
	{
		display: flex;
		justify-content: space-around;
	}
	ytmusic-like-button-renderer
	{
		display: flex;
	}
	.dislike
	{
		order: 1;
	}
	.left-controls
	{
		order: 0;
	}
	.middle-controls
	{
		order: -1;
	}
	.right-controls
	{
		order: 1;
	}
}