Always show scrollbars in Vivaldi browser

always_show_scrollbars_in_vivaldi.rst

Make scrollbars always visible in Vivaldi browser using Stylus

1. Install Stylus Extension:

   • Go to the Chrome Web Store and search for Stylus.
   • Install the Stylus extension.

2. Create a New Style in Stylus:

   • Click on the Stylus icon in your browser toolbar.

   • Click on Manage > Write new style.

   • Add the following CSS code to make scrollbars always visible:

     /* Always show vertical scrollbar */
     html, body {
         overflow-y: scroll !important;
     }
     
     /* Always show horizontal scrollbar */
     html, body {
         overflow-x: scroll !important;
     }
     
     /* Force scrollbar visibility for all elements */
     *::-webkit-scrollbar {
         width: 16px;  /* Set the width for vertical scrollbars */
         height: 16px; /* Set the height for horizontal scrollbars */
         -webkit-appearance: none;
     }
     
     *::-webkit-scrollbar-thumb {
         background-color: rgba(0, 0, 0, 0.5); /* Customize the color of the scrollbar thumb */
         border-radius: 8px; /* Customize the radius */
         border: 3px solid rgba(0, 0, 0, 0); /* Adjust border if needed */
     }
     
     *::-webkit-scrollbar-track {
         background-color: rgba(0, 0, 0, 0.1); /* Customize the background of the scrollbar track */
     }

3. Save and Apply the Style:

   • Give your style a name, for example, Always Show Scrollbars.
   • Save and enable the style.