user.css

@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');
* {
	font-family: 'Source Code Pro', monospace !important;
}

/* Remove top gradient */
.main-entityHeader-backgroundColor,
.main-actionBarBackground-background,
.main-home-homeHeader {
	display: none !important;
}

.main-topBar-background {
	background-color: var(--background-base) !important;
}

/* Sidebar icons */
.collection-icon,
.premiumSpotifyIcon,
.search-icon {
	color: var(--spice-text);
}

/* Borders around cards and dividers*/
.main-card-card {
	border: 1px dashed var(--spice-text) !important;
}

.main-rootlist-rootlistDivider {
	background-color: var(--spice-text) !important;
	margin: 8px 0 !important;
}

.main-nowPlayingBar-container {
	border-top: 2px solid var(--spice-text) !important;
}

.Root__nav-bar {
	border-right: 2px solid var(--spice-text);
	border-radius: 0px;
}

.Root__main-view {
    border-radius: 0px;
}

.x-categoryCard-CategoryCard {
	border: 1px solid var(--spice-text) !important;
	border-radius: 0px !important;
	background-color: black !important;
}

.main-card-card,
.main-cardImage-image {
	border-radius: 0 !important;
}

.view-homeShortcutsGrid-shortcut {
	background-color: var(--spice-background) !important;
	border: 1px solid var(--spice-text) !important;
	border-radius: 0px !important;
}

.main-trackList-trackListHeaderRow {
	border-bottom: 1px dashed var(--spice-text) !important;
}

.main-trackList-trackListHeaderStuck.main-trackList-trackListHeader {
	border-bottom: 0 !important;
}

.collection-collectionEntityHeroCard-container {
	background: var(--spice-background) !important;
}

.main-heroCard-card {
	border-radius: 0 !important;
	border: 1px dashed var(--spice-text) !important;
}

.main-heroCard-card:hover {
	background: var(--spice-card) !important;
}

/* Additional text & icons */
button {
	color: var(--spice-text) !important;
}

.TypeElement-mesto-textSubdued-type {
	color: var(--spice-text-subdued) !important;
}

.main-tag-container {
	background-color: var(--spice-text) !important;
}

.TypeElement-mesto-type {
	color: var(--spice-text) !important;
}

.main-collectionLinkButton-collectionLinkButton .main-collectionLinkButton-icon,
.main-collectionLinkButton-collectionLinkButton .main-collectionLinkButton-collectionLinkText {
	opacity: 1 !important;
}

.Button-sm-16-buttonTertiary-condensedAll-useBrowserDefaultFocusStyle {
	color: var(--spice-text) !important;
}

.playlist-item__img.folder {
	background-color: var(--spice-text) !important;
}

.playlist-item__img.folder svg {
	fill: var(--spice-background) !important;
}

.main-createPlaylistButton-button {
	opacity: 1 !important;
}

.TypeElement-finale-textSubdued-type {
	color: var(--spice-text) !important;
}

.main-playPauseButton-button {
	color: var(--spice-sidebar) !important;
}

/* Scroll Bar */
.os-theme-spotify>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle {
	background: var(--spice-text) !important;
	max-width: 5px !important;
}

.spotify__os--is-macos .os-theme-spotify>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle {
	border-radius: 0px !important;
}

/* Progress bar */
.x-progressBar-progressBarBg,
.x-progressBar-sliderArea {
	border-radius: 0px !important;
	border: 1px dotted var(--spice-text) !important;
	background-color: var(--spice-player) !important;
}

.progress-bar {
	--progress-bar-radius: 0px !important;
}

/* Toggles */
.x-toggle-indicator {
	background: var(--spice-misc) !important;
}

/* Search Bar */
.x-searchInput-searchInputSearchIcon {
	color: var(--spice-text) !important;
}

.x-searchInput-searchInputInput {
	border: 1px solid var(--spice-text) !important;
	border-radius: 0 !important;
	background: var(--spice-background) !important;
}

/* Marketplace button */
.button-module__button___hf2qg_marketplace {
	background-color: var(--spice-main) !important;
}

/* Add animated scanlines */
@keyframes scanline {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(100%);
	}
}

body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	background: repeating-linear-gradient(
		0deg,
		rgba(0, 0, 0, 0.15),
		rgba(0, 0, 0, 0.15) 1px,
		transparent 1px,
		transparent 2px
	);
	pointer-events: none;
	z-index: 9999;
	will-change: transform;
	animation: scanline 8s linear infinite;
}

/* Add noise effect */
body::after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
	opacity: 0.1;
	pointer-events: none;
	z-index: 9998;
}

/* Add CRT screen effect */
.main-view-container {
	background: radial-gradient(
		circle at center,
		color-mix(in srgb, var(--spice-text) 4%, transparent) 0%,
		color-mix(in srgb, var(--spice-text) 2%, transparent) 30%,
		color-mix(in srgb, var(--spice-text) 1%, transparent) 60%,
		color-mix(in srgb, var(--spice-text) 0.5%, transparent) 85%,
		rgba(0, 0, 0, 0.98) 100%
	) !important;
}