diff --git a/color.ini b/color.ini
new file mode 100644
index 0000000..6f5a2a4
--- /dev/null
+++ b/color.ini
@@ -0,0 +1,213 @@
+; COLOR EXPLANATION
+; main, sidebar, player = background
+; card                  = cards, tracklist, dropdowns, input fields
+; shadow                = text on button, tab active & selected row
+; selected row          = selected song & tab
+; button-active         = play button, outline on focused input
+; button                = all other buttons
+; button-disabled       = volume & seekbar background, scrollbar handle, borders
+; everything else       = self-explanatory
+
+[purple-dark]
+text               = ffffff
+subtext            = f70bff
+main               = 0c0e14
+sidebar            = 0c0e14
+player             = 0c0e14
+card               = 1a181e
+shadow             = 1a181e
+selected-row       = aa00ff
+button             = aa00ff
+button-active      = aa00ff
+button-disabled    = 302b36
+tab-active         = aa00ff
+notification       = 1a181e
+notification-error = fb7c7c
+misc               = 0c0e14
+
+[purple-light]
+text               = 402b4d
+subtext            = 9d91a3
+main               = f9f7f9
+sidebar            = f9f7f9
+player             = f9f7f9
+card               = ffffff
+shadow             = ffffff
+selected-row       = 9f74e7
+button             = 9f74e7
+button-active      = 9f74e7
+button-disabled    = ffffff
+tab-active         = 9f74e7
+notification       = ffffff
+notification-error = fb7c7c
+misc               = f9f7f9
+
+[blue-dark]
+text               = bde6fb
+subtext            = 6d8692
+main               = 1e2529
+sidebar            = 1e2529
+player             = 1e2529
+card               = 171d20
+shadow             = 171d20
+selected-row       = bde6fb
+button             = bde6fb
+button-active      = bde6fb
+button-disabled    = 2a3439
+tab-active         = bde6fb
+notification       = 171d20
+notification-error = fb7c7c
+misc               = 1e2529
+
+[blue-light]
+text               = 123354
+subtext            = 8495a7
+main               = f5f7fa
+sidebar            = f5f7fa
+player             = f5f7fa
+card               = ffffff
+shadow             = ffffff
+selected-row       = 22c5fd
+button             = 22c5fd
+button-active      = 22c5fd
+button-disabled    = ffffff
+tab-active         = 22c5fd
+notification       = ffffff
+notification-error = fb7c7c
+misc               = f5f7fa
+
+[gray-dark]
+text               = ffffff
+subtext            = 909090
+main               = 202020
+sidebar            = 202020
+player             = 202020
+card               = 191919
+shadow             = 191919
+selected-row       = ffffff
+button             = ffffff
+button-active      = ffffff
+button-disabled    = 313131
+tab-active         = ffffff
+notification       = 191919
+notification-error = fb7c7c
+misc               = 202020
+
+[gray-light]
+text               = 29292a
+subtext            = 909091
+main               = f7f7f7
+sidebar            = f7f7f7
+player             = f7f7f7
+card               = ffffff
+shadow             = ffffff
+selected-row       = 61717c
+button             = 61717c
+button-active      = 61717c
+button-disabled    = ffffff
+tab-active         = 61717c
+notification       = ffffff
+notification-error = fb7c7c
+misc               = f7f7f7
+
+[green-dark]
+text               = bbf1dd
+subtext            = 6b8a7f
+main               = 1b2421
+sidebar            = 1b2421
+player             = 1b2421
+card               = 151c19
+shadow             = 151c19
+selected-row       = bbf1dd
+button             = bbf1dd
+button-active      = bbf1dd
+button-disabled    = 27332f
+tab-active         = bbf1dd
+notification       = 151c19
+notification-error = fb7c7c
+misc               = 1b2421
+
+[green-light]
+text               = 19483e
+subtext            = 88a19c
+main               = f6f9f9
+sidebar            = f6f9f9
+player             = f6f9f9
+card               = e5eceb
+shadow             = ffffff
+selected-row       = 2ae18e
+button             = 2ae18e
+button-active      = 2ae18e
+button-disabled    = e5eceb
+tab-active         = 2ae18e
+notification       = e5eceb
+notification-error = fb7c7c
+misc               = f6f9f9
+
+[orange-dark]
+text               = fcc8b4
+subtext            = 927367
+main               = 271e1b
+sidebar            = 271e1b
+player             = 271e1b
+card               = 1e1715
+shadow             = 1e1715
+selected-row       = fcc8b4
+button             = fcc8b4
+button-active      = fcc8b4
+button-disabled    = 372b26
+tab-active         = fcc8b4
+notification       = 1e1715
+notification-error = fb7c7c
+misc               = 271e1b
+
+[orange-light]
+text               = 563b25
+subtext            = a89a8e
+main               = faf8f7
+sidebar            = faf8f7
+player             = faf8f7
+card               = ffffff
+shadow             = ffffff
+selected-row       = ff8265
+button             = ff8265
+button-active      = ff8265
+button-disabled    = ffffff
+tab-active         = ff8265
+notification       = ffffff
+notification-error = fb7c7c
+misc               = faf8f7
+
+[red-dark]
+text               = fdb4b4
+subtext            = 6d8692
+main               = 271b1b
+sidebar            = 271b1b
+player             = 271b1b
+card               = 1e1515
+shadow             = 1e1515
+selected-row       = fdb4b4
+button             = fdb4b4
+button-active      = fdb4b4
+button-disabled    = 372626
+tab-active         = fdb4b4
+notification       = 1e1515
+notification-error = fb7c7c
+misc               = 271b1b
+
+[red-light]
+text               = 572920
+subtext            = a9908b
+main               = faf7f6
+sidebar            = faf7f6
+player             = faf7f6
+card               = ffffff
+shadow             = ffffff
+selected-row       = ff5966
+button             = ff5966
+button-active      = ff5966
+button-disabled    = ffffff
+tab-active         = ff5966
+notification       = ffffff
+notification-error = fb7c7c
+misc               = faf7f6
diff --git a/preview/home.png b/preview/home.png
new file mode 100644
index 0000000..d11987c
Binary files /dev/null and b/preview/home.png differ
diff --git a/preview/playlist.png b/preview/playlist.png
new file mode 100644
index 0000000..1e31089
Binary files /dev/null and b/preview/playlist.png differ
diff --git a/user.css b/user.css
new file mode 100644
index 0000000..7886678
--- /dev/null
+++ b/user.css
@@ -0,0 +1,588 @@
+:root {
+  --border-radius-1: 10px;
+  --border-radius-2: 8px;
+  --border-radius-3: 4px;
+  --scrollbars: unset;
+  --green: #1db954;
+  --spice-main: transparent;
+  --spice-misc: rgba(30, 30, 30, 0.8);
+  --spice-player: rgba(30, 30, 30, 0.8);
+}
+/* https://wallpapercave.com/wp/wp5003466.jpg */
+/* https://wallpapercave.com/wp/wp4786586.jpg */
+body, .root {
+    background-image: url("https://wallpapercave.com/wp/wp5003466.jpg") !important;
+    background-repeat: no-repeat;
+    background-size: 100%;
+}
+.main-home-content, .main-entityHeader-backgroundColor, .main-actionBar-ActionBar, .content-spacing, :root, .main-navBar-navBar, .D_XKXBZDhgpM1KrmKy3O, .spotify__container--is-desktop:not(.fullscreen) .main-navBar-entryPoints {
+    background-color: transparent !important;
+    color: transparent !important;
+    background-clip: content-box;
+}
+.Root__nav-bar {
+    background-color: rgba(30, 30, 30, 0.4);
+    backdrop-filter: blur(14px);
+}
+a:hover {
+       text-shadow: 0 0 5px var(--spice-text);
+   }
+/* scrollbars */
+.os-scrollbar {
+  display: var(--scrollbars);
+}
+.os-scrollbar-handle {
+  border-radius: 50px;
+  background: var(--spice-button-disabled) !important;
+}
+/* remove shadows */
+* {
+  box-shadow: none !important;
+}
+/* remove gradients */
+.main-home-homeHeader, .main-actionBarBackground-background, .We1fExPHxLIRmV0rZGNo {
+  background-image: none;
+}
+.main-actionBarBackground-background, .main-home-homeHeader, .euOnte9wvOF0D_SGxEZ9, .main-topBar-background, .main-topBar-overlay, .x-entityHeader-overlay, .x-actionBarBackground-background, .We1fExPHxLIRmV0rZGNo {
+  background-color: transparent !important;
+}
+.x-actionBarBackground-background, .x-entityHeader-overlay, .euOnte9wvOF0D_SGxEZ9 {
+  background-image: none !important;
+}
+.main-entityHeader-backgroundColor {
+  background: transparent;
+}
+/* remove dividers */
+.main-trackList-trackListHeaderRow, .main-trackCreditsModal-header {
+  border-bottom: none;
+  background-color: rgba(30, 30, 30, 0.4);
+backdrop-filter: blur(14px);
+}
+.now-playing-bar-container, ._6e96ad0ba78d75ffb2a0156aa1834a21-scss {
+  border-top: none;
+}
+.main-rootlist-rootlistDivider, .main-contextMenu-dividerBefore::before, .main-contextMenu-dividerAfter::after, .show-episodeList-divider, .main-rootlist-rootlistDividerContainer {
+  display: none;
+}
+/* cards */
+.main-cardImage-image, .main-cardImage-imageWrapper {
+  border-radius: var(--border-radius-2);
+}
+.main-card-card, .x-heroCategoryCard-HeroCategoryCard, .x-categoryCard-CategoryCard, .main-heroCard-card, .view-homeShortcutsGrid-shortcut, .view-homeShortcutsGrid-image {
+  border-radius: var(--border-radius-1) !important;
+}
+.main-card-card, .view-homeShortcutsGrid-shortcut {
+  background-color: rgba(30, 30, 30, 0.4) !important;
+  backdrop-filter: blur(14px);
+}
+/* transitions */
+.main-card-card {
+  transition: background-color 150ms ease;
+}
+.link-subtle {
+  transition-duration: 150ms;
+}
+/* headers */
+.main-entityHeader-withBackgroundImage {
+  padding: 0 64px 24px;
+  margin-top: 48px;
+}
+.main-entityHeader-title {
+  font-size: unset;
+}
+/* menus */
+.main-contextMenu-menuItemButton, .main-userWidget-dropDownMenuItemButton {
+  border-radius: var(--border-radius-2);
+  color: var(--spice-text);
+  height: 32px;
+  padding-left: 8px;
+}
+.main-contextMenu-menuItem, ._60cb742e518d084c3c959007b9463b51-scss > li {
+  margin: 2px 6px;
+}
+.main-contextMenu-menuItem:first-child, ._60cb742e518d084c3c959007b9463b51-scss > :first-child {
+  margin: 6px 6px 2px;
+}
+.main-contextMenu-menuItem:last-child {
+  margin: 2px 6px 6px;
+}
+._60cb742e518d084c3c959007b9463b51-scss > :last-child {
+  margin: 2px 6px 8px;
+}
+.main-contextMenu-menu, ._60cb742e518d084c3c959007b9463b51-scss {
+  border-radius: var(--border-radius-1);
+  border: 1px solid var(--spice-button-disabled);
+}
+/* buttons */
+.main-playButton-PlayButton.main-playButton-primary, .main-pageErrorTemplate-errorButton {
+  color: var(--spice-shadow);
+}
+.main-skipBackButton-button, .main-skipForwardButton-button, .control-button {
+  color: var(--spice-button);
+}
+button.switch {
+  background-color: transparent !important;
+}
+#spicetify-home-config button, #spicetify-sidebar-config button {
+  background-color: var(--spice-button) !important;
+  color: var(--spice-shadow) !important;
+  border: none !important;
+}
+#spicetify-home-config button {
+    border-radius: var(--border-radius-2) !important;
+}
+#spicetify-sidebar-config button {
+    border-radius: var(--border-radius-3) !important;
+}
+#spicetify-home-config button:disabled, #spicetify-sidebar-config button:disabled {
+  background-color: var(--spice-button-disabled) !important;
+  color: var(--spice-text) !important;
+}
+/* category sidebar */
+.main-navBar-navBarLink {
+  border-radius: var(--border-radius-2);
+  color: var(--spice-text);
+}
+.main-navBar-navBarLink:hover {
+  background-color: rgba(var(--spice-rgb-selected-row),.05);
+}
+.main-navBar-navBarLink:active {
+  background-color: rgba(var(--spice-rgb-selected-row),.1);
+}
+.main-navBar-navBarLinkActive, .main-navBar-navBarLinkActive:hover, .main-navBar-navBarLinkActive:active, .main-navBar-navBarLinkActive:focus {
+  background-color: var(--spice-selected-row);
+  color: var(--spice-shadow);
+}
+/* playlist sidebar */
+.main-createPlaylistButton-button, ._6b5bc370e9834a4932f57284a96a0748-scss, ._928aa704d6ac22c1e288a4ddbed11a40-scss, .main-collectionLinkButton-icon, .main-collectionLinkButton-collectionLinkText {
+  opacity: 1 !important;
+}
+._6b5bc370e9834a4932f57284a96a0748-scss, .main-createPlaylistButton-button, .main-createPlaylistButton-svg, .ac0df040748287f39652cc42e3b762ba-scss, .main-collectionLinkButton-collectionLinkButton {
+  border-radius: var(--border-radius-2) !important;
+}
+.main-createPlaylistButton-createPlaylistIcon, .main-likedSongsButton-likedSongsIcon, .main-yourEpisodesButton-yourEpisodesIcon {
+  border-radius: var(--border-radius-3);
+}
+.main-rootlist-rootlistItemLink:link, .main-rootlist-rootlistItemLink:visited, .main-rootlist-rootlistPlaylistHeader {
+  color: var(--spice-text);
+}
+.ac0df040748287f39652cc42e3b762ba-scss, .main-createPlaylistButton-button, .main-collectionLinkButton-collectionLinkButton {
+  padding: 8px 16px !important;
+  margin: 0 8px;
+}
+.main-rootlist-rootlistPlaylistsScrollNode, .main-createPlaylistButton-button {
+  margin-top: 24px;
+}
+.main-createPlaylistButton-button {
+  width: -webkit-fill-available;
+}
+.main-rootlist-rootlistItem {
+  padding-left: calc(8px + var(--indentation)*16px);
+  padding-right: 8px;
+}
+.main-rootlist-rootlistItem {
+  height: 32px;
+}
+.main-rootlist-rootlistItemLinkActive ~ .main-rootlist-expandArrow:focus, .main-rootlist-rootlistItemLinkActive ~ .main-rootlist-expandArrow:hover, .main-rootlist-rootlistItemLinkActive ~ .main-rootlist-expandArrow {
+  color: var(--spice-shadow);
+}
+.main-rootlist-expandArrow {
+  color: var(--spice-text);
+}
+.main-rootlist-rootlistItemLink {
+  height: 32px;
+  border-radius: var(--border-radius-2);
+  padding: 0 12px;
+}
+.main-rootlist-expandArrow {
+  margin-inline-start: -32px;
+  padding: 8px;
+}
+.main-rootlist-statusIcons {
+  margin-inline-start: -24px;
+  position: relative;
+  right: 8px;
+}
+.main-rootlist-rootlistItemLink:hover, .main-createPlaylistButton-button:hover, .ac0df040748287f39652cc42e3b762ba-scss:hover, .main-collectionLinkButton-collectionLinkButton:hover {
+  background-color: rgba(var(--spice-rgb-selected-row),.05);
+}
+.main-rootlist-rootlistItemLink:active, .main-createPlaylistButton-button:active, .ac0df040748287f39652cc42e3b762ba-scss:active, .main-collectionLinkButton-collectionLinkButton:active {
+  background-color: rgba(var(--spice-rgb-selected-row),.1);
+}
+.main-rootlist-rootlistItemLinkActive, .main-rootlist-rootlistItemLinkActive:hover, .VBBDTqhWgM6gWFAMJSUV, .VBBDTqhWgM6gWFAMJSUV:hover {
+  background-color: var(--spice-selected-row);
+}
+.ac0df040748287f39652cc42e3b762ba-scss._926f2bd73c2ddb23fb86b430a2f48707-scss, .main-collectionLinkButton-selected, .main-collectionLinkButton-collectionLinkButton.active {
+  background: var(--spice-selected-row) !important;
+  color: var(--spice-shadow);
+}
+.main-rootlist-rootlistItemLinkActive .main-rootlist-textWrapper, .main-rootlist-rootlistItemLinkActive .main-rootlist-textWrapper:hover, .VBBDTqhWgM6gWFAMJSUV, .VBBDTqhWgM6gWFAMJSUV:hover {
+  color: var(--spice-shadow) !important;
+}
+.main-rootlist-statusIcons > button {
+  color: var(--spice-text);
+}
+.main-rootlist-rootlistItemLinkActive ~ .main-rootlist-statusIcons > button {
+  color: var(--spice-shadow);
+}
+.main-rootlist-rootlistPlaylistHeader {
+  display: none;
+}
+.u7oC25XjY_zFHiqpit_W {
+  margin-top: 0;
+}
+/* tracklist */
+ .main-trackList-trackList .main-virtualScrollList-wrapper, .main-trackList-trackList .main-rootlist-wrapper, .main-trackList-trackList .vB_gmMwzmB3GcEliiiys {
+  background-color: rgba(30, 30, 30, 0.4);
+  border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
+  padding: 8px;
+  backdrop-filter: blur(14px);
+}
+.main-trackList-indexable {
+  border-bottom: 16px solid rgba(30, 30, 30, 0.4) !important;
+  border-radius: 0 0 var(--border-radius-1) var(--border-radius-1);
+}
+.main-trackList-trackListRow {
+  border-radius: var(--border-radius-2);
+}
+.main-trackList-trackListRow:hover {
+  background-color: rgba(var(--spice-rgb-selected-row),.05);
+}
+.main-trackList-trackListRow:active {
+  background-color: rgba(var(--spice-rgb-selected-row),.1);
+}
+.main-trackList-trackListRow.main-trackList-selected, .main-trackList-trackListRow.main-trackList-selected:hover {
+  background-color: var(--spice-selected-row);
+}
+.main-trackList-trackListRow.main-trackList-selected .main-tag-container, .main-trackList-trackListRow.main-trackList-selected:hover .main-tag-container, .main-trackList-trackListRow.main-trackList-selected:active .main-tag-container, .main-trackList-trackListRow.main-trackList-selected:focus .main-tag-container {
+  color: var(--spice-selected-row) !important;
+  background-color: var(--spice-shadow);
+}
+.main-tag-container, .main-trackList-rowImage {
+  border-radius: var(--border-radius-3);
+}
+.main-trackList-trackListRow.main-trackList-selected span, .main-trackList-trackListRow.main-trackList-selected:hover span, .main-trackList-trackListRow.main-trackList-selected:active span, .main-trackList-trackListRow.main-trackList-selected:focus span, .main-trackList-trackListRow.main-trackList-selected a, .main-trackList-trackListRow.main-trackList-selected:hover a, .main-trackList-trackListRow.main-trackList-selected:active a, .main-trackList-trackListRow.main-trackList-selected:focus a, .main-trackList-trackListRow.main-trackList-selected button, .main-trackList-trackListRow.main-trackList-selected:hover button, .main-trackList-trackListRow.main-trackList-selected:active button, .main-trackList-trackListRow.main-trackList-selected:focus button, .main-trackList-trackListRow.main-trackList-selected div, .main-trackList-trackListRow.main-trackList-selected:hover div, .main-trackList-trackListRow.main-trackList-selected:active div, .main-trackList-trackListRow.main-trackList-selected:focus div {
+  color: var(--spice-shadow) !important;
+}
+.main-trackList-trackListHeader {
+  margin-bottom: 6px;
+  background-color: transparent !important;
+}
+._110dbc41d89af63f97cdd8b7cd7fea47-scss {
+  border: 1px solid var(--spice-text);
+}
+.main-trackList-trackListRow.main-trackList-selected ._110dbc41d89af63f97cdd8b7cd7fea47-scss, .main-trackList-trackListRow.main-trackList-selected:hover ._110dbc41d89af63f97cdd8b7cd7fea47-scss, .main-trackList-trackListRow.main-trackList-selected:active ._110dbc41d89af63f97cdd8b7cd7fea47-scss, .main-trackList-trackListRow.main-trackList-selected:focus ._110dbc41d89af63f97cdd8b7cd7fea47-scss, .main-trackList-trackListRow.main-trackList-selected .main-button-outlined {
+  border: 1px solid var(--spice-shadow);
+}
+.main-trackList-trackListHeaderStuck.main-trackList-trackListHeader {
+  border-bottom: none;
+}
+.main-trackList-statusChangeUp {
+  color: var(--green);
+}
+/* big thanks to CharlieS and harbassan for providing the svg */
+.main-trackList-playingIcon {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg id='playing-icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E %23playing-icon %7B fill: %2320BC54; %7D @keyframes play %7B 0%25 %7Btransform: scaleY(1);%7D 3.3%25 %7Btransform: scaleY(0.9583);%7D 6.6%25 %7Btransform: scaleY(0.9166);%7D 9.9%25 %7Btransform: scaleY(0.8333);%7D 13.3%25 %7Btransform: scaleY(0.7083);%7D 16.6%25 %7Btransform: scaleY(0.5416);%7D 19.9%25 %7Btransform: scaleY(0.4166);%7D 23.3%25 %7Btransform: scaleY(0.25);%7D 26.6%25 %7Btransform: scaleY(0.1666);%7D 29.9%25 %7Btransform: scaleY(0.125);%7D 33.3%25 %7Btransform: scaleY(0.125);%7D 36.6%25 %7Btransform: scaleY(0.1666);%7D 39.9%25 %7Btransform: scaleY(0.1666);%7D 43.3%25 %7Btransform: scaleY(0.2083);%7D 46.6%25 %7Btransform: scaleY(0.2916);%7D 49.9%25 %7Btransform: scaleY(0.375);%7D 53.3%25 %7Btransform: scaleY(0.5);%7D 56.6%25 %7Btransform: scaleY(0.5833);%7D 59.9%25 %7Btransform: scaleY(0.625);%7D 63.3%25 %7Btransform: scaleY(0.6666);%7D 66.6%25 %7Btransform: scaleY(0.6666);%7D 69.9%25 %7Btransform: scaleY(0.6666);%7D 73.3%25 %7Btransform: scaleY(0.6666);%7D 76.6%25 %7Btransform: scaleY(0.7083);%7D 79.9%25 %7Btransform: scaleY(0.75);%7D 83.3%25 %7Btransform: scaleY(0.8333);%7D 86.6%25 %7Btransform: scaleY(0.875);%7D 89.9%25 %7Btransform: scaleY(0.9166);%7D 93.3%25 %7Btransform: scaleY(0.9583);%7D 96.6%25 %7Btransform: scaleY(1);%7D %7D %23bar1 %7B transform-origin: bottom; animation: play 0.9s -0.51s infinite; %7D %23bar2 %7B transform-origin: bottom; animation: play 0.9s infinite; %7D %23bar3 %7B transform-origin: bottom; animation: play 0.9s -0.15s infinite; %7D %23bar4 %7B transform-origin: bottom; animation: play 0.9s -0.75s infinite; %7D %3C/style%3E%3C/defs%3E%3Ctitle%3Eplaying-icon%3C/title%3E%3Crect id='bar1' class='cls-1' width='4' height='24'/%3E%3Crect id='bar2' class='cls-1' x='6' width='4' height='24'/%3E%3Crect id='bar3' class='cls-1' x='12' width='4' height='24'/%3E%3Crect id='bar4' class='cls-1' x='18' width='4' height='24'/%3E%3C/svg%3E");
+  background: var(--spice-text);
+  content-visibility: hidden;
+}
+.main-trackList-selected .main-trackList-playingIcon {
+  background: var(--spice-shadow);
+}
+/* headers */
+.main-entityHeader-image:not(.main-entityHeader-circle) {
+  border-radius: var(--border-radius-1);
+}
+.x-sortBox-sortDropdown, .x-filterBox-filterInput, .x-filterBox-expandButton:focus, .x-filterBox-expandButton:hover {
+  border-radius: var(--border-radius-2) !important;
+}
+.main-actionBar-ActionBarRow > button:not(:first-child), .x-actionBar-ActionButtonsRow > div > button {
+  color: var(--spice-button);
+}
+/* artist page */
+.artist-artistPick-pinnedImage, .artist-artistOffers-item {
+  border-radius: var(--border-radius-2) !important;
+}
+.artist-artistAbout-container, .main-entityHeader-background, .main-entityHeader-background.main-entityHeader-overlay {
+  border-radius: var(--border-radius-1);
+}
+.main-entityHeader-background.main-entityHeader-overlay {
+  --bgColor: transparent !important;
+  background: none;
+}
+.artist-artistOffers-item:hover {
+  background-color: rgba(var(--spice-rgb-selected-row),.05) !important;
+}
+.artist-artistOffers-item:active {
+  background-color: rgba(var(--spice-rgb-selected-row),.1) !important;
+}
+.main-entityHeader-background {
+  transform: scale(0.95) !important;
+  margin-top: 48px;
+}
+/* podcasts */
+.show-trailer-container, .show-episodeBlock-episodeBlock, .show-show-episodes > :last-child {
+  border-radius: var(--border-radius-1) !important;
+}
+.show-episodeBlock-episodeBlock:hover {
+  background-color: rgba(var(--spice-rgb-selected-row),.05);
+}
+.show-episodeBlock-episodeBlock:active {
+  background-color: rgba(var(--spice-rgb-selected-row),.1);
+}
+.show-show-episodes > :last-child {
+  padding: 8px 24px;
+}
+.show-trailer-container, .show-show-episodes > :last-child {
+  background-color: rgba(30, 30, 30, 0.4) !important;
+  backdrop-filter: blur(14px);
+}
+/* top bar */
+.main-topBar-button, .main-userWidget-box {
+  background-color: rgba(30, 30, 30, 0.4) !important;
+  backdrop-filter: blur(14px);
+}
+/* tab bars */
+a[class*='-tabBar-headerItemLink'] {
+  border-radius: var(--border-radius-2) !important;
+}
+a[class*='-tabBar-active'] {
+  background-color: rgba(var(--spice-rgb-selected-row),.2) !important;
+}
+a[class*='-tabBar-headerItemLink']:hover {
+  background-color: rgba(var(--spice-rgb-selected-row),.05);
+}
+a[class*='-tabBar-headerItemLink']:active {
+  background-color: rgba(var(--spice-rgb-selected-row),.1);
+}
+/* search */
+.x-searchInput-searchInputInput {
+  background-color: rgba(30, 30, 30, 0.4) !important;
+  backdrop-filter: blur(14px);
+  color: var(--spice-text) !important;
+  border-radius: var(--border-radius-2) !important;
+}
+.x-searchInput-searchInputSearchIcon, .x-searchInput-searchInputInput::placeholder, .x-searchInput-searchInputClearButton {
+  color: var(--spice-text) !important;
+}
+.x-searchResultsTracks-root .main-gridContainer-gridContainer {
+  padding: 8px;
+}
+.main-heroCard-card, .x-searchResultsTracks-root .main-gridContainer-gridContainer {
+  background-color: rgba(30, 30, 30, 0.4) !important;
+  backdrop-filter: blur(14px);
+  border-radius: var(--border-radius-1);
+}
+/* error */
+path[d="M23 0C10.298 0 0 10.297 0 23c0 12.702 10.298 23 23 23 12.703 0 23-10.298 23-23C46 10.297 35.703 0 23 0zm0 44C11.421 44 2 34.579 2 23S11.42 2 23 2c11.579 0 21 9.42 21 21 0 11.579-9.42 21-21 21zm1.872-32.065l-.8 16.192h-2.144l-.832-16.192h3.776zm-3.968 20.768c0-.576.203-1.072.608-1.488a1.979 1.979 0 011.472-.624c.576 0 1.072.208 1.488.624.416.416.624.912.624 1.488s-.208 1.067-.624 1.472a2.056 2.056 0 01-1.488.608 2.006 2.006 0 01-1.472-.608 2.002 2.002 0 01-.608-1.472z"], .spoticon-warning-64::before {
+  color: var(--spice-notification-error);
+}
+/* modals */
+.main-trackCreditsModal-container, .main-aboutRecsModal-container, .main-playlistEditDetailsModal-container, .profile-userEditDetails-container, .artist-artistAbout-modal {
+  background-color: transparent !important;
+  border-radius: var(--border-radius-1) !important;
+}
+.main-playlistEditDetailsModal-titleInput, .main-playlistEditDetailsModal-descriptionTextarea, .main-playlistEditDetailsModal-titleInput:focus, .main-playlistEditDetailsModal-descriptionTextarea:focus, .playlist-inlineSearchBox-filterInput {
+  background-color: rgba(30, 30, 30, 0.4) !important;
+  backdrop-filter: blur(14px);
+}
+.profile-userEditDetails-nameInput, .profile-userEditDetails-textElement:focus {
+  background: var(--spice-card) !important;
+}
+.main-playlistEditDetailsModal-titleInput:focus, .main-playlistEditDetailsModal-descriptionTextarea:focus, .profile-userEditDetails-textElement:focus, .playlist-inlineSearchBox-filterInput:focus {
+  border: 1px solid var(--spice-button-active) !important;
+}
+.playlist-inlineSearchBox-filterInput {
+  border: 1px solid var(--spice-card);
+}
+.main-playlistEditDetailsModal-titleInput, .main-playlistEditDetailsModal-descriptionTextarea, .profile-userEditDetails-nameInput, .playlist-inlineSearchBox-filterInput {
+  border-radius: var(--border-radius-2) !important;
+}
+.profile-userEditDetails-labelText:before {
+  bottom: 8px !important;
+}
+.main-playlistEditDetailsModal-titleInput::placeholder, .main-playlistEditDetailsModal-descriptionTextarea::placeholder {
+  color: var(--spice-text);
+}
+/* dialogs */
+.main-deletePlaylistDialog-container, .main-deleteFolderDialog-container {
+  background-color: rgba(30, 30, 30, 0.4) !important;
+  backdrop-filter: blur(14px);
+  color: var(--spice-text);
+  border-radius: var(--border-radius-1);
+}
+.main-deletePlaylistDialog-secondaryButton, .main-deleteFolderDialog-secondaryButton {
+  color: var(--spice-button);
+}
+.main-deletePlaylistDialog-buttonContainer>:last-child, .main-deleteFolderDialog-buttonContainer>:last-child {
+  background-color: var(--spice-notification-error);
+}
+/* friend activity */
+.main-buddyFeed-username a {
+  color: var(--spice-text) !important;
+}
+.main-buddyFeed-artistAndTrackName a, .main-buddyFeed-activityMetadata, .main-buddyFeed-playbackContextLink {
+  color: var(--spice-subtext) !important;
+}
+.main-buddyFeed-friendActivity {
+  background-color: rgba(30, 30, 30, 0.4) !important;
+  backdrop-filter: blur(14px);
+  border-radius: var(--border-radius-1);
+  margin: 8px;
+  padding: 8px 8px 8px 12px;
+}
+.main-buddyFeed-addFriendsContainer {
+  background-color: transparent;
+}
+.main-buddyFeed-buddyFeedRoot, .main-buddyFeed-buddyFeed {
+  width: 280px;
+}
+.main-buddyFeed-activityMetadata {
+  max-width: 190px;
+}
+/* settings */
+.main-dropDown-dropDown, option {
+  background-color: rgba(30, 30, 30, 0.4) !important;
+  backdrop-filter: blur(14px);
+}
+.main-dropDown-dropDown {
+  border-radius: var(--border-radius-2) !important;
+}
+.x-toggle-indicator {
+  background-color: rgba(30, 30, 30, 0.4) !important;
+  backdrop-filter: blur(14px);
+}
+.x-settings-facebookButton, .main-connectToFacebook-facebookButton {
+  color: var(--spice-shadow);
+}
+input:hover:not([disabled]):not(:active)~.x-toggle-indicatorWrapper {
+  background-color: rgba(var(--spice-rgb-subtext),.3) !important;
+}
+.x-proxySettings-proxyInput {
+  border-radius: var(--border-radius-2) !important;
+  background-color: rgba(30, 30, 30, 0.4) !important;
+  backdrop-filter: blur(14px);
+}
+.x-proxySettings-proxyInput::placeholder {
+  color: var(--spice-subtext);
+}
+.x-proxySettings-proxyInput:focus {
+  border-color: var(--spice-button-active);
+}
+/* device menu */
+._9eb5acf729a98d62135ca21777fef244-scss, .connect-device-button {
+  color: var(--spice-shadow);
+}
+.connect-device-list-container {
+  border-radius: var(--border-radius-1);
+  border: 1px solid var(--spice-button-disabled);
+}
+.connect-device-list-item {
+  margin: 0 8px;
+  border-radius: var(--border-radius-2);
+  width: -webkit-fill-available;
+}
+.connect-device-list-item:last-child {
+  margin: 0 8px 8px;
+}
+.connect-device-list-item:focus, .connect-device-list-item:hover {
+  background-color: rgba(var(--spice-rgb-selected-row),0.05);
+}
+.connect-header {
+  background-color: var(--spice-shadow);
+  margin: 8px;
+  border-radius: var(--border-radius-1);
+}
+/* player */
+.progress-bar {
+  --fg-color: var(--spice-button-active);
+}
+.now-playing-bar .cover-art-image {
+  border-radius: var(--border-radius-2);
+}
+.playback-bar__progress-time, .main-playbackBarRemainingTime-container {
+  position: absolute;
+  bottom: -48px;
+  right: 250px;
+  color: var(--spice-text) !important;
+}
+.playback-bar__progress-time:first-child {
+  margin-right: 30px;
+}
+.playback-bar__progress-time:first-child::after {
+  content: " /";
+}
+.progress-bar__slider {
+  opacity: 1;
+  background-color: var(--spice-card);
+  border: 2px solid var(--spice-button)
+}
+.playback-bar .progress-bar__slider {
+  width: 20px;
+  height: 20px;
+}
+.volume-bar .progress-bar__slider {
+  width: 16px;
+  height: 16px;
+  margin-left: -8px;
+}
+.volume-bar {
+  margin-right: 8px;
+}
+.main-playPauseButton-button, .player-controls__buttons button:not(.main-playPauseButton-button) {
+  --button-size: 48px !important;
+}
+.main-shuffleButton-button.main-shuffleButton-on:after, .main-repeatButton-button.main-repeatButton-on:after {
+  bottom: 4px;
+}
+.main-seekBack15sButton-button, .main-seekForward15sButton-button, .main-speedControlsButton-button {
+  width: 48px;
+  min-width: 48px;
+  height: 48px;
+  color: var(--spice-button);
+}
+.main-playPauseButton-button svg {
+  height: 24px;
+  width: 24px;
+}
+.progress-bar--is-active .progress-bar__slider:focus {
+  background-color: var(--spice-button);
+}
+.playback-bar {
+  width: 100%;
+  bottom: 83px;
+  position: absolute;
+}
+.now-playing-bar-container>div:first-child:nth-last-child(2) .playback-bar, .main-nowPlayingBar-container>div:first-child:nth-last-child(2) .playback-bar {
+  bottom: 107px;
+}
+.playback-bar .progress-bar__bg, .playback-bar .progress-bar__fg_wrapper, .playback-bar .progress-bar__fg {
+  border-radius: 0;
+  height: 6px;
+}
+.player-controls__buttons {
+  margin-bottom: 0;
+}
+/* ads */
+.desktoproutes-homepage-takeover-ad-hptoHtml-slot {
+  border-radius: var(--border-radius-1) !important;
+}
+.desktoproutes-homepage-takeover-ad-floatingTagOrButton-hideButton:focus, .desktoproutes-homepage-takeover-ad-floatingTagOrButton-hideButton:hover {
+  background-color: var(--spice-button-disabled) !important;
+}
+/* fullscreen */
+.npv-up-next {
+  border-radius: var(--border-radius-1);
+}
+.npv-cover-art img {
+  border-radius: calc(var(--border-radius-1)*4);
+}
+.npv-up-next__image {
+  border-radius: var(--border-radius-2);
+}
+.npv-up-next {
+  border: none !important;
+}
+.npv-progress-bar__rail {
+  height: 6px;
+}