youtube.com Scrollbar Fix DARK MODE by thealkaris

/* ==UserStyle==
@name         youtube.com Scrollbar Fix DARK MODE
@version      20240205.18.34
@namespace    https://userstyles.world/user/thealkaris
@description  Just something to fix or add to YouTube's Dark Mode, by making the scrollbar fit with the theme
@author       thealkaris
@license      No License
==/UserStyle== */

@-moz-document url-prefix("youtube.com"), domain("youtube.com"), regexp("https?://(www\\.)?youtube\\.com/.*") {
/* For a time the top bar header of YouTube was out of place with it's height.
 so the following was used to fix it, should you need to fix it again, just uncomment the line */

/*#background.ytd-masthead {
    height: 36px;
}*/

/* I want to fix the scrollbar so it fits the Dark Theme.
   get rid of that yucky browser default scrollbar that blends
   White background with Light-Gray scrollbar.

   The following CSS lines work for Chromium browsers,
   so it may not work if you use Firefox.
*/



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

/* track for the scrollbar */

::-webkit-scrollbar-track {
    background:transparent !important;
}

/* Handle of scrollbar */

::-webkit-scrollbar-thumb {
  background: #E93716 !important;
  border-radius: 5px !important;
}


/* The following CSS lines here should work for Firefox

*/
html, body {
    scrollbar-color: rgba(233, 55, 22, 1) rgba(0,0,0,0);
}

scrollbar {
    width: 10px !important;
    height: 0px !important;
    background: transparent;
    scrollbar-color: rgba(233,55,22,1) rgba(0, 0, 0, 0);
    border-radius: 5px !important;
}
}