[annoy] spotify by void

3/* ==UserStyle==
@name           [annoy] spotify
@namespace      github.com/openstyles/stylus
@version        0.1.3
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("spotify.com") { }

@-moz-document domain("open.spotify.com") {
	.Root.encore-dark-theme .encore-base-set
	.Root.encore-dark-theme,
	.Root {
	/**/
		--shade-base:   #0003;
		--hilite-base:  #fff1;
		--border-base:  #fff3;

		--background-base: #345;
		--background-dark: #2a3b4c;
		--background-mid-base: #3b4c5d;
		--background-elevated-base: #456;
	/**		
		--background-highlight: #2349;
		--background-press: #234;
		--background-elevated-highlight: #3459;
		--background-elevated-press: #345;
		--background-unsafe-for-small-text-base: #456;
		--background-unsafe-for-small-text-highlight: #3459;
		--background-unsafe-for-small-text-press: #234;
	/**
		--background-base: #121212;
		--background-highlight: #1a1a1a;
		--background-press: #000;
		--background-elevated-base: #242424;
		--background-elevated-highlight: #2a2a2a;
		--background-elevated-press: #000;
		--background-tinted-base: hsla(0,0%,100%,0.07);
		--background-tinted-highlight: hsla(0,0%,100%,0.1);
		--background-tinted-press: hsla(0,0%,100%,0.04);
		--background-unsafe-for-small-text-base: #121212;
		--background-unsafe-for-small-text-highlight: #121212;
		--background-unsafe-for-small-text-press: #121212;
		--text-base: #fff;
		--text-subdued: #a7a7a7;
		--text-bright-accent: #1ed760;
		--text-negative: #f15e6c;
		--text-warning: #ffa42b;
		--text-positive: #1ed760;
		--text-announcement: #3d91f4;
		--essential-base: #fff;
		--essential-subdued: #727272;
		--essential-bright-accent: #1ed760;
		--essential-negative: #e91429;
		--essential-warning: #ffa42b;
		--essential-positive: #1ed760;
		--essential-announcement: #0d72ea;
		--decorative-base: #fff;
		--decorative-subdued: #292929;
	/**/
	}

	/* nav sidebar */
	.Root__nav-bar {
		background-color: var(--background-base);
		box-shadow: .25em 0 .75em var(--shade-base);
	}
	.GABF6hN5nVeGNtN8vb_q,
	.e2JzVB2WkGm7GMT8rkEg,
	.kYBlAcRblnjQ6kKW4JCy {	/* shade */
		display:  none;
	}
	.Foyk_HJx16yh22JYmQ56,
	.XBLHOk84uYNA6jOAMgn9,
	._ZB2JcJdiG6rpEgCd3sR {	/* annoying block (app button) */
		display:  none;
	}

	/* top bar */
	._jtsyLN4SfPrV5dZONPP.uwzZYE9AYS0OMBzvAopr,	/* "pseudo-sticky" playlist header */
/* 	._JKdvfJnHxRZ33nlei4Z, */
	.Root__top-bar > header > :first-child {
		background-color: var(--background-elevated-base)  !important;
		border-bottom: solid 1px var(--border-base);
	}
	.Root__top-bar > header > :first-child > div:first-child:last-child {
		background: inherit;
	}

	/* player bar */
x	section[data-testid="playlist-page"] > .contentSpacing + div > .contentSpacing
	> :first-child > :first-child,
	.gqeP9Y0_y6DLm4CD_m3Q,
	.Root__now-playing-bar {
		background-color: var(--background-elevated-base);
		border-top: solid 1px #789;
/* 		box-shadow: 0 -0em 1em var(--shade-base); */
	}
	section[data-testid="playlist-page"] > .contentSpacing > :first-child,
	.Root__now-playing-bar > footer {
		background: none  !important;
	}
	.lRNLjBiX_H7SPYbkJKLp,
	.volume-bar   [data-testid="progress-bar"], 	/* player volume */
	.playback-bar [data-testid="progress-bar"] {	/* player timeline */
		--bg-color: var(--shade-base);
	}
	.eSMjmiD29Ox35O95waw6::before,	/* updated feb/22 */
	.eSMjmiD29Ox35O95waw6::after, 	/* updated feb/22 */
	.AjGA8L5ofNuu4OUL4WBr::before,
	.AjGA8L5ofNuu4OUL4WBr::after,
	._mSbAWxlXgc2ONtpnuXQ::before,
	._mSbAWxlXgc2ONtpnuXQ::after {	/* shades on album title */
		display:  none;
	}

x	.os-content > .main-view-container__scroll-node-child,
x	section[data-testid="playlist-page"] > .contentSpacing + div,
x	section[data-testid="playlist-page"] > .contentSpacing,
	.iB16LxoPzDeVZo8zPhPQ,
	.ojLwFoBNBM6cW7_RpeAN,
	.Root__main-view {	/* main (larger) area */
/* 		background-color: var(--background-base); */
		background: var(--background-base) var(--background-noise);
		background: var(--background-mid-base);
/* 		            linear-gradient(#fff1, #fff1); */
	}
	section[data-testid="playlist-page"] > .contentSpacing + div > .contentSpacing
	> :first-child > :first-child,
	section[data-testid="playlist-page"] > .contentSpacing + div > .contentSpacing,
x	.uebZpDr3EwDvpO0w6P9U,
	.DFOYAbsPwHbI_GsaV_ij {	/* secondary main area */
		background: var(--background-dark);
	}
	section[data-testid="playlist-page"] > .contentSpacing,
x	.uebZpDr3EwDvpO0w6P9U,
	._JKdvfJnHxRZ33nlei4Z {	/* playlist header/image */
		background: var(--background-elevated-base) linear-gradient(transparent, var(--shade-base));
	}
	/* annoying decorations */
x	.We1fExPHxLIRmV0rZGNo {	/* what was this? */
		background-image: linear-gradient(var(--shade-base) 0,transparent 100%),
			var(--background-noise);
	}
	.uebZpDr3EwDvpO0w6P9U,
	._5wXWalxnOyFQX7uHu_j {
		background: none  !important;
	}
	._XX7ZgHsEhiQ3gO0kz5Q {
		display:  none;
	}



	/* colors in lyrics (readable) */
	.hW9km7ku6_iggdWDR_Lg,	/* updated feb/22 */
	.main-view-container__scroll-node-child > div {
		--lyrics-color-active:     #fff   !important;
		--lyrics-color-inactive:   #acd   !important;
/* 		--lyrics-color-background: #abc9  !important; */
		--lyrics-color-background: #567   !important;
		--lyrics-color-messaging:  #000   !important;
	}
	.Re403AJffPPuZmX7LRJj,	/* updated feb/22 */
x	.main-view-container__scroll-node-child > div > div > span,
	.main-view-container__scroll-node-child > div > div > div > p {
		text-shadow:  0 0 .25em #000;
	}
	.main-view-container__scroll-node-child > div > div > span {
		font-style: italic;
		color:  #ccc;
	}
}