Tidal Catppuccin Mocha Pink by Maxines

/* ==UserStyle==
@name           Catppuccin Mocha Pink
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    My tidal theme I made for the desktop client but I hope it works well on the web client, can also be copied into the desktop client with the neptune client mod and themer plugin.
@author         Maxines
==/UserStyle== */
@-moz-document url-prefix("https://listen.tidal.com/") {
	* {
		font-family: "JetBrainsMono NFM", sans-serif;
	}


	[id^="main"] {
		background-color: #1e1e2e;
		background-size: cover;
	}

	.textMax--ADaW_ {
		color: #f5c2e7;
	}

	.textHigh--qvNFM {
		color: #d5e411;
	}

	[class^="rowContainer"] {
		color: #cdd6f4;
	}

	[class^="icon--dd0Ta icon--i90iz"],
	[class^="icon--dd0Ta plusIcon--sLnYM"] {
		color: #2facc8 !important;
	}

	.listHeaderContainer--ExadB span.listHeader--JB2Qx {
		color: #f5c2e7;
	}

	[class^="bitInfo"] {
		color: #cdd6f4;
	}

	[id^="headerColumn"],
	.wave-text-description-demi,
	.wave-text-description-medium {
		color: #cdd6f4;
		font-weight: 600;
	}

	[id^="headerColumn"],
	.wave-text-body-medium {
		color: #f5c2e7;
		font-weight: 600;
	}

	[class^="dateAdded"],
	[class^="volumeIcon"],
	[class^="timeColumn"] {
		color: #cdd6f4 !important;
	}

	[class^="item"],
	[class^="titleCell"],
	[class^="createdBy"],
	[class^="albumText"],
	[class^="contributionText"],
	[class^="releaseddateColumn"] {
		color: #cdd6f4 !important;
	}

	[id^="headerColumn"],
	[class^="titleColumn"],
	[class^="closeButton"],
	.wave-text-title-bold,
	.wave-text-body-demi,
	.wave-text-body-bold {
		color: #cdd6f4;
		font-weight: 600;
	}

	[class^="button"],
	.favoriteButton--tzxng,
	.blockButton--LZ3N5,
	.buttonsContainer--nH8Rd button,
	.section--PSIay .iconContextButton--RsFRi,
	.baseButton--rqEqg svg,
	.removeButton--xP6YP,
	.icon--w7IgY,
	.icon--QIhoc,
	.contextMenuButton--MUBcz {
		color: #f5c2e7 !important;
	}

	button[aria-label="play"] {
		background-color: #1e1e2e !important;
	}

	button[aria-label="Shuffle"] {
		background-color: #1e1e2e !important;
	}

	button[aria-label="Previous"],
	button[aria-label="Next"] {
		color: #f5c2e7;
	}

	[class^="playbackButton"] [class^="icon"] {
		color: #f5c2e7;
	}

	[class^="player"] button.withBackground {
		color: #f5c2e7;
	}

	[class^="player"] button.withBackground[aria-checked=true] {
		background-color: #1e1e2e;
		color: #89b4fa;
	}

	button.feedBell--XaJus {
		background-color: #1e1e2e;
	}

	.button--yO9Cd {
		background-color: #11111b;
	}

	button.feedBell--XaJus svg {
		fill: #f5c2e7 !important;
	}

	.moreContainer--JnBwQ button svg {
		color: #f5c2e7;
	}

	[class^="containerRow"] {
		max-height: none !important;
	}

	[class^="mainContainer"] {
		height: 100vh !important;
		background-color: #11111b;
	}

	:root {
		--wave-color-solid-accent-fill: #f5c2e7;
		--wave-color-solid-base-brighter: #1e1e2e;
	}

	main > [data-type="page"] {
		margin-bottom: 128px;
	}

	.feed--BA4Uv {
		gap: 10px !important;
	}

	[data-wave-number-of-lines="1"],
	[data-wave-number-of-lines="2"] {
		-webkit-box-orient: horizontal;
	}

	.headerText--PHvCV {
		font-weight: 500 !important;
	}

	.enable-scrollbar-styles ::-webkit-scrollbar {
		max-width: 8px;
	}


	/*bottom bar */
	#footerPlayer {
		background-color: #1e1e2e;
	}



	.title--GbkoC {
		color: #e4737a;
	}

	.subTitle--OmgBp {
		color: #f5c2e7;
	}

	.actionTextInner--opont {
		color: #cdd6f4;
	}

	[class^="header-background"] {
		opacity: 0.0;
	}

	[class^="css-6np8kg"] > :not(:last-child) {
		display: none;
	}
}