Youtube Style by monartana

/* ==UserStyle==
@name           Youtube Pink Style
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Youtube Pink Style
@author         Monartana
==/UserStyle== */

@import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');
@-moz-document domain("youtube.com"), regexp("http(s?)://[^/]*\.youtube(\.com)?(\.[a-z][a-z])?/.*"), regexp("http(s?)://youtube(\.com)?(\.[a-z][a-z])?/.*") {
body,
   ytd-app,
   ytd-app[darker-dark-theme]
  {
    --app-drawer-content-container-background-color: transparent;
    scrollbar-color: var(--yt-spec-text-secondary) transparent;
  }

  body
  {
    overflow: overlay;
  }

  ::-webkit-scrollbar-thumb
  {
    background: linear-gradient(rgba(255,255,255,0) 0%, #e74b8a 100%) !important;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 0px rgba(33,33,33,0);
    border: 0px solid rgba(33,33,33,0) !important;
  }

  ::-webkit-scrollbar
  {
    width: 10px !important;
  }
    

        /*  Logo */
    #logo-icon
  {
    content: url("https://www.gifcen.com/wp-content/uploads/2023/07/hello-kitty-gif-1.gif") !important;
    width: auto;
    height: 160px !important;
/*     object-fit: fit; */
  }
    
    
    
    /*Likes bar*/
    #ryd-bar {
    background: #F9A0CA;
    border-radius: 2px;
    transition: all 0.15s ease-in-out 0s;
}
    
    /*  Progress bar vifg6FK  #F9A0CA*/
  .html5-play-progress, .ytp-play-progress
  {
    background-color: #F9A0CA;
  }

   .html5-scrubber-button, .ytp-scrubber-button
  { 
    background: url("https://imgur.com/SIgCKlq") !important;
/*        background: url("http://i.imgur.com/wEswxu3.png") !important;  */
     width: 25px;
    height: 25px;
    border: none;
    margin-left: -5px !important;
    margin-top: -3px !important;
  } 

  .html5-progress-bar-container, .ytp-progress-bar-container
  {
    height: 9px !important;
  }

  .html5-progress-bar, .ytp-progress-bar
  {
    margin-top: 9px !important;
  }

  .html5-progress-list, .ytp-progress-list, .video-ads .html5-progress-list.html5-ad-progress-list, .video-ads .ytp-progress-list.ytp-ad-progress-list
  {
    height: 9px !important;
  }

  .ytp-volume-slider-track
  {
    background: #F9A0CA !important;
  }


    /*Subscribe button*/
    .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
    color: black;
    background-color: #ffdcec;
        }
        
       .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover {
    color: #ffdcec;
    background-color: #000;
        } 
    
    /*     Right side and top bar */
    yt-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT][selected], yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER][selected] {
background: -webkit-linear-gradient(180deg, rgb(255, 220, 236), rgb(255, 216, 234));
background: -moz-linear-gradient(180deg, rgb(255, 220, 236), rgb(255, 216, 234));
background: linear-gradient(180deg, rgb(255, 220, 236), rgb(255, 216, 234));
    color: black;
}
    
    
yt-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT], yt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER], yt-chip-cloud-chip-renderer[chip-style=STYLE_COLOR_RED], yt-chip-cloud-chip-renderer[chip-style=STYLE_COLOR_GREEN], yt-chip-cloud-chip-renderer[chip-style=STYLE_COLOR_BLUE], yt-chip-cloud-chip-renderer[chip-style=STYLE_REFRESH_TO_NOVEL_CHIP] {
background: -webkit-linear-gradient(180deg, rgb(255, 220, 236), rgb(255, 216, 234));
background: -moz-linear-gradient(180deg, rgb(255, 220, 236), rgb(255, 216, 234));
background: linear-gradient(180deg, rgb(255, 220, 236), rgb(255, 216, 234));
    color: black;
    padding: 0 var(--ytd-margin-3x);
    transition: background-color .5s cubic-bezier(.05,0,0,1);
}
    
    /*     Send comment button */
        .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {
    color: black;
    background-color: #ffdcec;
}
        
        .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:hover {
    color: #ffdcec;
    background-color: black;
}
    
 
    /*Links color*/
    .yt-core-attributed-string__link--call-to-action-color {
        color: #f9a0ca !important ;
    }
    
    /*Comment Links color*/
    #content-text.ytd-comment-renderer {
    --yt-endpoint-color: #f9a0ca !important;
    --yt-endpoint-hover-color: #f9a0ca !important;
    --yt-endpoint-visited-color: #f9a0ca !important;
    }
    /*Button "Show text to video"*/
    .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {
/*         background-color: #ffdcec; */
        color: #f9a0ca;
    }
    
    .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {
        background-color:  black;
        color: #ffdcec;
    }
    
    /*Button "Show all" in Episods*/
    .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text{
        color: #f9a0ca;
    }
    
    /*Time in Episods*/
    #time.ytd-macro-markers-list-item-renderer{
        color: black;
        background-color: #ffdcec;
    }
    
    #time.ytd-macro-markers-list-item-renderer:hover {
        color: black;
        background-color: #ffdcec;
    }
    
    ytd-macro-markers-list-item-renderer:hover #time.ytd-macro-markers-list-item-renderer, ytd-macro-markers-list-item-renderer[active] #time.ytd-macro-markers-list-item-renderer {
    color: black;
        background-color: #ffdcec;
}
    /*Search Button*/
    #search-icon-legacy.ytd-searchbox {
        background-color: #ffe3f0;
        color: black;
    }
    #search-icon-legacy.ytd-searchbox:hover {
        background-color: #facfe3;
        color: black;
    }
    
    /*Microphone Button*/
    .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {
    background-color: #ffdcec;
}
        .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover {
    background-color: #facfe3;
        color: black;
}
    
    /*Left side bar icons*/
    .guide-icon.ytd-guide-entry-renderer {
        color: #f9a0ca ;
    }
    
    ytd-mini-guide-entry-renderer[is-active] .guide-icon.ytd-mini-guide-entry-renderer {
    color: #f9a0ca ;
}
    
    /*Live Chat Decor*/
   yt-live-chat-message-input-renderer,
   yt-live-chat-header-renderer
  {
    background-color: #ffdcec!important;
  }
  .segment-timestamp.ytd-transcript-segment-renderer {
    color: #fff;
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 0 0 0 2px #ffdcec;
} 
}