Classic scrollbars on every website by konieckropka

/* ==UserStyle==
@name           Classic wide scrollbars
@version        1.0.1

@description    💙 Every software, script or userstyle I write I do that just for fun of it. I am not doing that for money.
@description    💙 However if you feel my work helped you and made your experience better and want to say "thanks"
@description    💙 you can buy me 🍺 a beer using this page: 
@description    💲 www.buymeacoffee.com/konieckropka 

@description    💙 I hope you like it and find it useful (¬‿¬) 💙

---- AUTHOR ----

@author         konieckropka <konieckropka@konieckropka.eu>
@homepageURL    https://www.buymeacoffee.com/konieckropka
@supportURL     https://www.buymeacoffee.com/konieckropka

---- AUTHOR ----

@description    This style enables classic, wide scrollbars any website.
@description    No more thins-sized, modern scrollbars that it's impossible to grab! 

@description    Check out my other userstyles: 
@description    https://userstyles.world/user/konieckropka

@description    And also my scripts (greasemonkey/violentmonkey/tampermonkey)
@description    https://greasyfork.org/en/users/1019550-konieckropka

@preprocessor   stylus
@namespace      userstyles.world/user/konieckropka
@license        No License


@var checkbox  classicScrollbars              `Enable classic scrollbars on every page`                      1



==/UserStyle== */



@-moz-document url-prefix("http"), url-prefix("moz-extension://"), url-prefix("chrome-extension://")
{
  
    /* browser { background-color: red !important; }
    tabbrowser tabpanels { background-color: red !important} */
  

    if(classicScrollbars == 1)
    {
        ::-webkit-scrollbar
        {
            width: auto!important;
        }
        body
        {
            scrollbar-width: auto!important;
            scroll-behavior: smooth!important;
        }
        ::-webkit-scrollbar { scrollbar-color: light!important; }
        body { scrollbar-color: light!important; }
        * { scrollbar-color: dark!important; }            
        ::-webkit-scrollbar-track {
          background: rgba(0, 0, 0, 0.1);
        }
        ::-webkit-scrollbar-track-piece
        {
            background: rgba(0, 244, 0, 0.01);
        }
        ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-button
        {
          background: rgba(0, 0, 0, 0.8);

        }
     }
}