ytmusic fix 2.txt

*/

html:not(.style-scope)
{

/===================Start of custom variables==============================/

  --cust-ytmusic-play-nav-color: #000;
  --cust-ytmusic-dark-background: #000;
  --cust-ytmusic-dark-foreground: #000;
  
  --cust-ytmusic-light-text-1: #9932CC;
  --cust-ytmusic-light-2: #9932CC; 
  --cust-ytmusic-light-3: #9932CC;
  --cust-ytmusic-light-4: #9932CC;
  --cust-ytmusic-light-5: #9932CC;
  
  --cust-ytmusic-medium-1: #9932CC;
  --cust-ytmusic-medium-2: #9932CC;
  --cust-ytmusic-medium-3: #9932CC;    
  --cust-ytmusic-medium-4: #9932CC;
  --cust-ytmusic-medium-5: #9932CC;
  
  --cust-ytmusic-subscribe-color: #9932CC;
  --cust-ytmusic-nowplaying-color: #9932CC;
  --cust-ytmusic-playbutton-color:#9932CC; 
  --cust-ytmusic-tertiary-nav-button-color: #9932CC;
    
  --cust-ytmusic-main-text-1: #9932CC;
  --cust-ytmusic-header-text-1: #9932CC;
  --cust-ytmusic-header-text-2: #9932CC;
  
  
  
   --cust-ytmusic-scroll-width: 0px;
/===================end of custom variables==============================/

/*AGGRESSIVE AND INSENSITIVE USE OF !IMPORTANT so it works in the desktop app.
some commenting was attempted as I went. */

  --idk-yet: inherit !important;
  
  --ytmusic-color-black1: var(--cust-ytmusic-dark-foreground) !important;
  --ytmusic-color-black4: var(--cust-ytmusic-dark-background) !important;
  
  --ytmusic-color-blackpure: var(--idk-yet) !important;
  --ytmusic-color-blackpure-alpha0: var(--idk-yet) !important;
  --ytmusic-color-blackpure-alpha10: var(--idk-yet) !important;
  --ytmusic-color-blackpure-alpha60: var(--idk-yet) !important;
  
  --ytmusic-color-grey1: var(--cust-ytmusic-light-3) !important;
  --ytmusic-color-grey2: var(--cust-ytmusic-light-2) !important;
  --ytmusic-color-grey3: var(--cust-ytmusic-medium-4) !important;
  --ytmusic-color-grey4: var(--cust-ytmusic-light-4) !important;
  --ytmusic-color-grey5: var(--cust-ytmusic-medium-2) !important;
  
  --ytmusic-color-white1: var(--cust-ytmusic-light-text-1) !important;
  --ytmusic-color-white1-alpha10: var(--cust-ytmusic-light-4) !important;
  --ytmusic-color-white1-alpha15: var(--cust-ytmusic-light-4) !important;
  --ytmusic-color-white1-alpha20: var(--cust-ytmusic-light-4) !important;
  --ytmusic-color-white1-alpha30: var(--cust-ytmusic-light-4) !important;
  --ytmusic-color-white1-alpha50: var(--cust-ytmusic-light-4) !important;
  --ytmusic-color-white1-alpha70: var(--cust-ytmusic-medium-1) !important;
  
  --ytmusic-static-brand-red: var(--cust-ytmusic-light-text-1) !important;/*loadingbar*/
  
  --yt-spec-themed-blue: var(--cust-ytmusic-light-5) !important;
  --yt-spec-dark-blue: var(--cust-ytmusic-medium-5) !important;
  --yt-spec-text-secondary: var(--cust-ytmusic-medium-5) !important;
  --ytmusic-setting-item-toggle-active: var(--cust-ytmusic-light-2) !important;
  
  --ytmusic-brand-link-text: var(--idk-yet) !important;
  --ytmusic-overlay-background-brand: var(--idk-yet) !important;
  --ytmusic-focus-active: var(--idk-yet) !important;
  
  --ytmusic-detail-header: var(--idk-yet) !important;
  --ytmusic-dialog-background-color: var(--cust-ytmusic-dark-background) !important;
  --yt-spec-brand-link-text: var(--cust-ytmusic-medium-5) !important;
  
  --ytmusic-caption-1_-_color: var(--cust-ytmusic-medium-3) !important;
  
  --ytmusic-scrollbar-width: var(--cust-ytmusic-scroll-width)!important;
  --ytd-scrollbar-width: var(--cust-ytmusic-scroll-width)!important;
  --ytd-scrollbar-scrubber_-_background: var(--cust-ytmusic-dark-background);
}

    /*Unique to the desktop ytmdesktop app*/    
i.material-icons /The icons they added; not present on the web version/
{
color: var(--cust-ytmusic-tertiary-nav-button-color) !important;
}
i.material-icons:hover
{
color: var(--cust-ytmusic-tertiary-nav-button-color) !important;
}
/Unique to the desktop ytmdesktop app/

body
{
background: var(--cust-ytmusic-dark-background) !important
}

    ytmusic-nav-bar 
    { 
        background: var(--cust-ytmusic-play-nav-color) !important 
    }
/hide the youtube logo at the top left/
.yt-simple-endpoint[aria-label="Home"]
{
visibility:hidden !important
}

/Home, Explore, Library colors/

    ytmusic-pivot-bar-item-renderer:hover, ytmusic-pivot-bar-item-renderer.iron-selected  /*highlighted word*/
{
    color: var(--cust-ytmusic-light-5) !important
}
    ytmusic-pivot-bar-item-renderer /*non-selected item*/
{
    color: var(--cust-ytmusic-light-4) !important
}
    ytmusic-search-box  /*search button colors*/
{
    color: var(--cust-ytmusic-light-4) !important
}
/color 'new recommendations' pop-up/
a.ytmusic-content-update-chip
{
color: var(--ytmusic-color-black4) !important;
background-color: var(--ytmusic-color-grey2) !important
}

ytmusic-detail-header-renderer
{
background-color: var(--ytmusic-color-black4) !important
}

.title.ytmusic-detail-header-renderer
{
    color: var(--cust-ytmusic-light-text-1) !important
}
ytmusic-player-page
{
background-color: var(--ytmusic-color-black4) !important
}
ytmusic-data-bound-header-renderer
{
background-color: var(--cust-ytmusic-play-nav-color) !important
}
ytmusic-list-item-renderer
{
background-color: var(--ytmusic-color-black1) !important
}
ytmusic-responsive-list-item-renderer
{
background-color: var(--ytmusic-color-black1) !important
}
ytmusic-player-queue-item
{
background-color: var(--ytmusic-color-black1) !important
}
paper-tab.iron-selected.ytmusic-player-page /Up Next color/
{ /depriciated/
color: var(--cust-ytmusic-medium-3) !important
}
tp-yt-paper-tab.iron-selected.ytmusic-player-page /ammended up next color Update/
{
color: var(--cust-ytmusic-medium-3) !important
}
tp-yt-paper-tab.ytmusic-player-page
{
color: var(--cust-ytmusic-medium-3) !important
}

paper-tabs.ytmusic-player-page  /*up next line color*/
{
    --paper-tabs-selection-bar-color: var(--cust-ytmusic-medium-3) !important
}
                    #selectionBar.tp-yt-paper-tabs   /*ammended up next line color Update*/
                     {
                         border-bottom: 2px solid var(--cust-ytmusic-medium-3) !important;
                     }
    
yt-formatted-string.byline.style-scope.ytmusic-player-queue-item  /*artist part in queue*/
{
    color: var(--cust-ytmusic-medium-1) !important
}
yt-formatted-string.duration.style-scope.ytmusic-player-queue-item /*length of songs in queue*/
{
    color: var(--cust-ytmusic-light-4) !important
}
/color of the play bar background/
ytmusic-player-bar
{
background: var(--cust-ytmusic-play-nav-color) !important
}


/volume slider/
paper-slider#volume-slider
{
--paper-slider-container-color: var(--cust-ytmusic-light-4) !important;
--paper-slider-active-color: var(--cust-ytmusic-tertiary-nav-button-color) !important;
--paper-slider-knob-color: var(--cust-ytmusic-tertiary-nav-button-color) !important
}
.volume-slider.ytmusic-player-bar, .expand-volume-slider.ytmusic-player-bar /ammended volume slider color for Update/
{
--paper-slider-container-color: var(--cust-ytmusic-light-4) !important;
--paper-slider-active-color: var(--cust-ytmusic-tertiary-nav-button-color) !important;
}

/play/pause/skip/
paper-icon-button#play-pause-button
{
--iron-icon-fill-color:var(--cust-ytmusic-playbutton-color) !important
}
tp-yt-iron-icon#icon /ammended play-pause button colors for Update/
{
--iron-icon-fill-color:var(--cust-ytmusic-playbutton-color) !important
}

.left-controls.ytmusic-player-bar paper-icon-button.ytmusic-player-bar, .left-controls.ytmusic-player-bar .spinner-container.ytmusic-player-bar, .toggle-player-page-button.ytmusic-player-bar
{ 
    --iron-icon-fill-color: var(--cust-ytmusic-tertiary-nav-button-color) !important
}
/nav bar menu icon/
.menu.ytmusic-player-bar
{
--iron-icon-fill-color: var(--cust-ytmusic-tertiary-nav-button-color) !important
}

/nav bar right button icon colors/
.right-controls-buttons.ytmusic-player-bar paper-icon-button.ytmusic-player-bar, ytmusic-player-expanding-menu.ytmusic-player-bar paper-icon-button.ytmusic-player-bar
{
--paper-icon-button_-_color: var(--cust-ytmusic-tertiary-nav-button-color) !important
}

 .style-scope.yt-icon-button[aria-label="Add to playlist"]  /*add to playlist button Update*/
        {
            color: var(--cust-ytmusic-tertiary-nav-button-color)
        }
/color of titles/
.title.ytmusic-carousel-shelf-basic-header-renderer, .title.ytmusic-immersive-header-renderer, .description.ytmusic-immersive-header-renderer
{
color: var(--ytmusic-color-white1) !important
}

/*Now playing circle*/
div.content-wrapper.style-scope.ytmusic-play-button-renderer
{
background: var(--cust-ytmusic-nowplaying-color) !important
}

/subscribe button/
ytmusic-subscribe-button-renderer
{
--ytmusic-subscribe-button-color: var(--cust-ytmusic-subscribe-color) !important
}

yt-button-renderer[is-paper-button]
{
    background-color: var(--ytmusic-color-white1-alpha70) !important
}

paper-icon-button
{
    --paper-icon-button_-_color: var(--ytmusic-color-white1) !important
}
/add to library button/
ytmusic-data-bound-top-level-menu-item.ytmusic-data-bound-menu-renderer:not(:first-child)
{
--yt-button-color: var(--ytmusic-color-white1) !important;
border: 1px solid var(--ytmusic-color-white1) !important;
border-radius: 5px !important
}
/shuffle playlist button/
yt-button-renderer.watch-button.ytmusic-menu-renderer
{
color: var(--ytmusic-color-white1) !important;
background-color: var(--ytmusic-color-white1-alpha70) !important
}
/edit playlist button/
#top-level-buttons.ytmusic-menu-renderer > .outline-button.ytmusic-menu-renderer, .edit-playlist-button.ytmusic-menu-renderer, ytmusic-toggle-button-renderer.ytmusic-menu-renderer
{
--yt-button-color: var(--ytmusic-color-white1) !important
}
/explicit badge/
yt-icon.ytmusic-inline-badge-renderer
{
color: var(--cust-ytmusic-tertiary-nav-button-color);
}

/headers that aren't links/
.title.ytmusic-carousel-shelf-basic-header-renderer, .title.ytmusic-immersive-header-renderer, .description.ytmusic-immersive-header-renderer
{
color: var(--cust-ytmusic-header-text-1) !important
}
/Songs header/
.title.ytmusic-header-renderer
{
color: var(--cust-ytmusic-header-text-2) !important
}
yt-formatted-string.strapline.text.style-scope.ytmusic-carousel-shelf-basic-header-renderer
{
color: var(--cust-ytmusic-light-4) !important
}

/Links/
yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string
{
color: var(--cust-ytmusic-main-text-1) !important
}
yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:hover
{
color: var(--cust-ytmusic-light-2) !important
}

/* scroll left and right carousel buttons */
.previous-items-button.ytmusic-carousel, .next-items-button.ytmusic-carousel
{
background-color: var(--ytmusic-color-white1-alpha70) !important;
color: var(--ytmusic-color-black1) !important
}

/* play button that pops up over album art to play immediately */
.content-wrapper.ytmusic-play-button-renderer, ytmusic-play-button-renderer:hover .content-wrapper.ytmusic-play-button-renderer, ytmusic-play-button-renderer:focus .content-wrapper.ytmusic-play-button-renderer
{
background: var(--ytmusic-color-white1-alpha70) !important;
--ytmusic-play-button-icon-color: var(--ytmusic-color-black1) !important;
--paper-spinner-color: var(--yt-spec-themed-blue) !important
}

/* like button color */
paper-icon-button.ytmusic-like-button-renderer
{
color: var(--cust-ytmusic-medium-3) !important
}

/settings highlighted/
.category-menu-item.iron-selected.ytmusic-settings-page
{
background-color: var(--cust-ytmusic-medium-1) !important
}
/* some dropdown menus*/
.dropdown-content
{
background-color: var(--cust-ytmusic-dark-foreground) !important
}

}

ytmusic-player.style-scope.player-minimize-button {
    display: none; !important;
}
tp-yt-paper-tab.ytmusic-player-page.style-scope.tab-header:nth-of-type(2) {
    display: none; !important;
}
ytmusic-player-bar.style-scope.toggle-player-page-button > .tp-yt-paper-icon-button.style-scope {
    display: none;  important;
}
ytmusic-player[player-ui-state_=MINIPLAYER] {
    display: none;
} 
ytmusic-player-queue-item.style-scope.ytmusic-player-queue {
    --ytmusic-player-queue-item-thumbnail-size: 45px !important;
}
ytmusic-player-queue {
  padding: 10px 0;
}
.ytmusic-player-page.style-scope {
    bottom: 15px;
}
html:not(.style-scope)[dark], :not(.style-scope)[dark] {
    --ytmusic-static-brand-red          : #1d1d1d !important;
    --yt-spec-brand-link-text           : #4d4d4d !important;
    --yt-spec-brand-button-background   : #1d1d1d !important;
    --ytmusic-setting-item-toggle-active: #1d1d1d !important;
    --yt-button-color                   : #1d1d1d !important;
    --yt-red                            : #1d1d1d !important;
    --ytmusic-nav-bar                   : #1d1d1d !important;
}

/* Progress Bar + Volume */
#progress-bar.ytmusic-player-bar {
    --paper-slider-active-color     : white !important;
}
#progress-bar.ytmusic-player-bar[focused],
ytmusic-player-bar:hover #progress-bar.ytmusic-player-bar,
.ytmusic-player-bar, .expand-volume-slider.ytmusic-player-bar {
    --paper-slider-knob-color               : white !important;
    --paper-slider-knob-start-color         : white !important;
    --paper-slider-knob-start-border-color  : white !important;
    --paper-progress-active-color           : white !important;
}
ytmusic-player-bar #right-controls #volume-slider {
  opacity: 1.0 !important;
  
}

ytmusic-player-bar #right-controls #volume-slider #sliderKnob .slider-knob-inner {
  background: #1d1d1d !important;
}

/* Loading Wheel on Songs */
ytmusic-play-button-renderer {
    --ytmusic-play-button-loading-indicator-color: white !important;
    --paper-spinner-color                        : white !important;
}

/* New Recommendations + More */
a.ytmusic-content-update-chip {
    background: #4d4d4d !important;
    color: #fff !important;
    --yt-endpoint-hover-color: rgba(255,255,255, .7) !important;
}

/* Increase the Image in the Bottom Bar */
.thumbnail-image-wrapper.ytmusic-player-bar {
    height: 100% !important;
    padding-top: calc(var(--paper-progress-height) * 2);
}
ytmusic-app-layout .middle-controls .image.ytmusic-player-bar {
    /* 2px is to remove the space for the progress bar and aligned to the bottom */
    height: calc(100% - 2px) !important;
    align-self: flex-end;
}

/* Swap Bottom Play Bar */
ytmusic-app-layout > [slot=player-bar] {
    grid-template-columns: 1fr 0fr 1fr;
}
ytmusic-app-layout .left-controls {
    justify-content: flex-end !important;
    grid-area: middle !important;
    width: 300px;
}

ytmusic-app-layout .middle-controls {
    justify-content: normal !important;

    grid-area: start !important;
    min-width: 300px;
}

@media (max-width: 1149px) {
    ytmusic-app-layout .left-controls, ytmusic-app-layout .right-controls {
        width: 150px !important;
    }
    ytmusic-app-layout .left-controls {
        justify-content: flex-start !important;
    }
    ytmusic-app-layout .middle-controls {
        min-width: 100px;
    }
}

/*better fonts*/
ytmusic-player-bar #left-controls .time-info {
  color: white;
  font-weight: 500;
  font-size: 14px;
  margin: 1px 16px 0 20px !important;
}
ytmusic-player-bar #middle-controls .song-info {
  color: white;
  font-weight: 500;
  font-size: 14px;
  margin: 1px 16px 0 20px !important;
}
/* Remove pointless "Album ()" from Album Header */
#header .metadata .ytmusic-data-bound-header-renderer yt-formatted-string span.yt-formatted-string:nth-of-type(1),
#header .metadata .ytmusic-data-bound-header-renderer yt-formatted-string span.yt-formatted-string:nth-of-type(2) {
    display: none;
}

ytmusic-app-layout[player-fullscreened_] > [slot=player-bar] {
    background: rgba(25,25,25,0.8) !important;
    width: 100%;
}


ytmusic-player-queue-item.style-scope.ytmusic-player-queue {
    --ytmusic-player-queue-item-thumbnail-size: 50px !important;
}
.ytmusic-player-bar.style-scope.toggle-player-page-button {
    display:none;
}
/* -=- YTM Desktop Specific Changes -=- */

/* Scrollbar:   Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #4d4d4d;
}
/* width */
::-webkit-scrollbar {
  width: 18px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #1d1d1d;
}
  ytmusic-player-bar 
        {
            background: #1d1d1d !important
        }   
/* Change Navigation bar colour (needs to be more specific for YTM Desktop */
#nav-bar-background {
    --ytmusic-nav-bar: #1d1d1d  !important;
}
/*change play pause button*/
ytmusic-player-bar #left-controls .play-pause-button {
  background: white;
  border-radius: 119px;
}
ytmusic-player-bar #left-controls .play-pause-button svg path {
  fill: #1d1d1d !important;
}