Custom YouTube Music theme (to be used with Stylebot extension)

gistfile1.txt

* {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

  --ytmusic-nav-bar: rgba(24,24,24,0.75);
  --ytmusic-player-bar-background: transparent;
  --ytmusic-background: #080808;

  --ytmusic-title-line-height: 1.3;
  --ytmusic-responsive-font-size: 15px;
}

::-webkit-scrollbar-thumb {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
  border-left: none;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
}

body {
  overflow-y: overlay;
  background-color: #080808;
}

yt-page-navigation-progress {
  --yt-page-navigation-container-color: rgb(19,19,19);
}

#nav-bar-background {
  opacity: 1;
  background: linear-gradient(to bottom, rgb(19,19,19), rgba(24,24,24,0.75));
  backdrop-filter: blur(8px) saturate(50%);
  box-shadow: 0px 2px 7px rgba(0,0,0,0.5);
}
#nav-bar-divider {
  display: none;
}

.stuck #header.ytmusic-item-section-renderer {
  background: rgba(24,24,24,0.75);
  backdrop-filter: blur(8px) saturate(50%);
  border: none;
  box-shadow: 0px 2px 7px rgba(0,0,0,0.5);
}

ytmusic-player-bar {
  background: linear-gradient(to top, rgb(38,38,38), rgba(48,48,48,0.75));
  backdrop-filter: blur(8px) saturate(50%);
  width: 100vw;
}
ytmusic-player-bar #right-controls {
  padding-right: var(--ytmusic-scrollbar-width);
}
ytmusic-player-bar #sliderBar {
  width: calc(100vw - var(--ytmusic-scrollbar-width))
}

ytmusic-detail-header-renderer {
  padding: var(--ytmusic-nav-bar-height) 0 32px;
  margin: 0 0 32px;
}