Scrollbars

Adapting all scrollbars on your page to selected theme.

Installation

1. Scrollbars CSS

   Add this css to Global embed

   /* Scrollbars */
   /* Width */
   ::-webkit-scrollbar {
     width: 4px;
     height: 4px;
     padding-left: 2px;
   }
   
   /* Track */
   ::-webkit-scrollbar-track {
     background: rgba(255, 255, 255, 0);
     border-width: 1px;
     border-style: none;
     border-color: rgba(255, 255, 255, 0);
     border-radius: 100px;
   }
   
   /* Thumb */
   ::-webkit-scrollbar-thumb {
     background: var(--border--color--light);
     border-radius: 100px;
   }
   
   /* Thumb hover */
   ::-webkit-scrollbar-thumb:hover {
     background: var(--border--color--medium);
   }
   
   /* Thumb pressed */
   ::-webkit-scrollbar-thumb:active {
     background: var(--border--color--medium);
   }