Skip to content

Instantly share code, notes, and snippets.

@lucaslealdev
Created May 12, 2024 14:25
Show Gist options
  • Save lucaslealdev/b1e4d371fd803866cefbaf81dfabd426 to your computer and use it in GitHub Desktop.
Save lucaslealdev/b1e4d371fd803866cefbaf81dfabd426 to your computer and use it in GitHub Desktop.
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
#progress-bar:hover {
top:2px !important;
}
#progress-bar[focused] {
top: 2px !important;
}
#progressContainer.tp-yt-paper-progress, .indeterminate.tp-yt-paper-progress::after {
background: linear-gradient(90deg, rgba(28,28,41,1) 0%, rgba(48,48,75,1) 49%, rgba(31,30,49,1) 100%) !important;
height: 13px !important;
margin-top: -12px !important;
box-shadow: inset -1px -1px #000000a6, inset 1px 1px 2px 3px #00000042, inset -5px -2px #ffffff91, inset 2px 2px #000000bf !important;
}
#secondaryProgress {
visibility: hidden !important;
}
#primaryProgress.tp-yt-paper-progress {
background: transparent !important;
}
#sliderKnob > div {
border-radius: 0 !important;
background: #fffcd4 !important;
background-image: url('data:image/gif !important;base64,R0lGODlhHQAKAIcAAK+YYfTqxwkCAtvLno11OoNpMPX19XVbImVlc+7iu8WyfpyCSgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQEAgAAACwAAAAAHQAKAAAIbAARDBhIsKDBgwcJCCzAsKHDhxAbGiAgYKGCABgzatzI0QAAigsDGBhJsqTJkwE+VhxQIMCBlzBjypyZEiTLlABy6tzJk2fNlQUMcBxKdIFKgQYS9FzKFMABmwSiSp1KtSrVigKyat3KtavXgAA7') !important;
background-repeat: no-repeat !important;
width: 29px !important;
border: 0 !important;
margin-top: 4px !important;
height: 10px !important;
}
#layout > ytmusic-player-bar {
background: linear-gradient(90deg, rgba(28,28,41,1) 0%, rgba(48,48,75,1) 49%, rgba(31,30,49,1) 100%) !important;
}
#nav-bar-background.ytmusic-app-layout {
background: linear-gradient(90deg, rgba(28,28,41,1) 0%, rgba(48,48,75,1) 49%, rgba(31,30,49,1) 100%) !important;
}
#nav-bar-background {
box-shadow: inset 1px 1px #ffffff5c, inset -1px -1px #000000 !important;
border-bottom: 1px solid transparent !important;
}
#icon {
background: #bdced6 !important;
box-shadow: inset -1px -1px #000000a6, inset 1px 1px 2px 3px #ffffff42, inset -3px -2px 3px #00000091, inset 2px 2px #ffffffbf !important;
svg {
filter: drop-shadow(-1px 0px 0px rgb(0 0 0 / 0.7)) drop-shadow(1px 0px 0px white) !important;
max-width: 70% !important;
}
path {
fill: #97a8b9 !important;
}
}
#av-id > ytmusic-av-toggle > div > button.style-scope.ytmusic-av-toggle {
background: #bdced6 !important;
box-shadow: inset -1px -1px #000000a6, inset 1px 1px 2px 3px #ffffff42, inset -3px -2px 3px #00000091, inset 2px 2px #ffffffbf !important;
border-radius: 0 !important;
border: none !important;
background-repeat: no-repeat !important;
color: #465d73 !important;
}
[playback-mode="ATV_PREFERRED"] .song-button {
background: #9fb4be !important;
box-shadow: inset -1px -1px #ffffffa6, inset 1px 1px 2px 3px #00000042, inset -3px -2px 3px #ffffff91, inset 2px 2px #000000bf !important;
}
* {
color: #00e200 !important;
font-family: "VT323", monospace !important;
}
#layout > ytmusic-player-bar > div.middle-controls.style-scope.ytmusic-player-bar > div.content-info-wrapper.style-scope.ytmusic-player-bar > span > span.subtitle.style-scope.ytmusic-player-bar {
color: #00e200 !important;
* {
color: #00e200 !important;
}
}
.content-info-wrapper.ytmusic-player-bar .title.ytmusic-player-bar {
color: #00e200 !important;
font-family: "VT323", monospace !important;
}
tp-yt-paper-icon-button.ytmusic-carousel-shelf-renderer {
border: 0 !important;
}
#layout > ytmusic-nav-bar > div.center-content.style-scope.ytmusic-nav-bar > ytmusic-search-box > div > div.search-box.style-scope.ytmusic-search-box {
border-radius: 0 !important;
border-top: 1px solid #ffffff80 !important;
border-left: 1px solid #ffffff80 !important;
border-right: 1px solid #000000d6 !important;
border-bottom: 1px solid #000000d6 !important;
outline: none !important;
box-shadow: none !important;
background: black !important;
}
#layout > ytmusic-nav-bar > div.center-content.style-scope.ytmusic-nav-bar > ytmusic-search-box > div {
box-shadow: none !important;
}
body {
background: black !important;
background: linear-gradient(90deg, rgba(28,28,41,1) 0%, rgba(48,48,75,1) 49%, rgba(31,30,49,1) 100%) !important;
}
ytmusic-guide-section-renderer.style-scope.ytmusic-guide-renderer {
background: transparent !important;
}
ytmusic-guide-renderer#guide-renderer {
background: transparent !important;
border-top: 1px solid #ffffff80 !important;
border-left: 1px solid #ffffff80 !important;
border-right: 1px solid #000000d6 !important;
border-bottom: 1px solid #000000d6 !important;
}
div#sections {
background: transparent !important;
}
div#guide-content {
background: transparent !important;
}
div#guide-wrapper {
background: transparent !important;
}
div#contentContainer {
background: transparent !important;
}
div#scrim {
background: transparent !important;
}
tp-yt-app-drawer#guide {
background: transparent !important;
}
ytmusic-app-layout#layout {
background: transparent !important;
}
ytmusic-app {
background: transparent !important;
}
div#mini-guide {
background: transparent !important;
}
div#mini-guide-background {
background: transparent !important;
}
div#side-panel {
border-top: 1px solid #ffffff80 !important;
border-left: 1px solid #ffffff80 !important;
border-right: 1px solid #000000d6 !important;
border-bottom: 1px solid #000000d6 !important;
padding-left: 10px !important;
}
.content.style-scope.ytmusic-player-page {
padding: 0 !important;
padding-right: 15px !important;
}
input#input {color: #00e200 !important;}
.background-gradient.style-scope.ytmusic-browse-response {
background: transparent !important;
}
div#background {
opacity: 0 !important;
}
ytmusic-fullbleed-thumbnail-renderer.image.style-scope.ytmusic-immersive-header-renderer {
opacity: 0 !important;
}
ytmusic-immersive-header-renderer.style-scope.ytmusic-browse-response {
opacity: 0 !important;
}
ytmusic-immersive-header-renderer.style-scope.ytmusic-browse-response {
opacity: 0 !important;
height: 13px !important;
}
div#header {
opacity: 0 !important;
height: 50px !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment