mirror of
https://github.com/th-ch/youtube-music.git
synced 2026-01-10 10:11:46 +00:00
95 lines
2.8 KiB
CSS
95 lines
2.8 KiB
CSS
yt-page-navigation-progress {
|
|
--yt-page-navigation-container-color: #00000046 !important;
|
|
--yt-page-navigation-progress-color: white !important;
|
|
}
|
|
|
|
#player-page {
|
|
transition: transform 300ms,
|
|
background-color 300ms cubic-bezier(0.2, 0, 0.6, 1) !important;
|
|
}
|
|
|
|
#nav-bar-background {
|
|
transition: opacity 200ms,
|
|
background-color 300ms cubic-bezier(0.2, 0, 0.6, 1) !important;
|
|
}
|
|
|
|
#mini-guide-background {
|
|
transition: opacity 200ms,
|
|
background-color 300ms cubic-bezier(0.2, 0, 0.6, 1) !important;
|
|
border-right: 0px !important;
|
|
}
|
|
|
|
#guide-wrapper {
|
|
transition: opacity 200ms,
|
|
background-color 300ms cubic-bezier(0.2, 0, 0.6, 1) !important;
|
|
}
|
|
|
|
#items {
|
|
border-radius: 10px !important;
|
|
}
|
|
|
|
/* fix blur navigation bar */
|
|
|
|
ytmusic-app-layout > [slot="player-page"]:not([is-mweb-modernization-enabled]):not(:has(ytmusic-player[player-ui-state=FULLSCREEN])) {
|
|
padding-top: 90px;
|
|
margin-top: calc(-90px + var(--menu-bar-height, 0px)) !important;
|
|
}
|
|
|
|
/* fix icon color */
|
|
|
|
.duration.ytmusic-player-queue-item, .byline.ytmusic-player-queue-item {
|
|
color: rgba(255, 255, 255, 0.5) !important;
|
|
--yt-endpoint-color: rgba(255, 255, 255, 0.5) !important;
|
|
--yt-endpoint-hover-color: rgba(255, 255, 255, 0.5) !important;
|
|
--yt-endpoint-visited-color: rgba(255, 255, 255, 0.5) !important;
|
|
}
|
|
|
|
.icon.ytmusic-menu-navigation-item-renderer {
|
|
color: rgba(255, 255, 255, 0.5) !important;
|
|
}
|
|
|
|
.menu.ytmusic-player-bar {
|
|
--iron-icon-fill-color: rgba(255, 255, 255, 0.5) !important;
|
|
}
|
|
|
|
ytmusic-player-bar {
|
|
color: rgba(255, 255, 255, 0.5) !important;
|
|
}
|
|
|
|
.time-info.ytmusic-player-bar {
|
|
color: rgba(255, 255, 255, 0.5) !important;
|
|
}
|
|
|
|
.volume-slider.ytmusic-player-bar, .expand-volume-slider.ytmusic-player-bar {
|
|
--paper-slider-container-color: rgba(255, 255, 255, 0.5) !important;
|
|
}
|
|
|
|
/* fix background image */
|
|
ytmusic-fullbleed-thumbnail-renderer img {
|
|
mask: linear-gradient(to bottom, #000 0%, #000 50%, transparent 100%);
|
|
}
|
|
|
|
.background-gradient.style-scope,
|
|
ytmusic-app-layout[is-bauhaus-sidenav-enabled] #mini-guide-background.ytmusic-app-layout {
|
|
background: var(--ytmusic-background) !important;
|
|
}
|
|
|
|
ytmusic-browse-response[has-background]:not([disable-gradient]) .background-gradient.ytmusic-browse-response {
|
|
background: unset !important;
|
|
}
|
|
|
|
#background.immersive-background.style-scope.ytmusic-browse-response {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
ytmusic-search-box[is-bauhaus-sidenav-enabled] {
|
|
--ytmusic-search-background: var(--ytmusic-color-black3) !important;
|
|
}
|
|
|
|
.seekbar-theme #progress-bar.ytmusic-player-bar {
|
|
--paper-slider-active-color: linear-gradient(to right, var(--paper-progress-active-color-1) 80%, var(--paper-progress-active-color-2) 100%) !important;
|
|
--paper-slider-knob-color: var(--paper-progress-active-color-1) !important;
|
|
--paper-slider-knob-start-color: var(--paper-progress-active-color-2) !important;
|
|
}
|
|
|