Для того, чтобы на сайте глобально поменять скроллбар (полосу прокрутки), необходимо в настройках внешнего вида темы добавить следующий CSS код:
::-webkit-scrollbar{
width: 0.5vw;
background: #ffffff;
}
::-webkit-scrollbar-thumb{
background: #0013C8;
border-radius: 0px 0px 0px 0px;
}
Для работы данного стиля в браузере Firefox необходим следующий код:
/*Firefox Support*/
html{
scrollbar-width: thin;
scrollbar-color: #0013C8 #ffffff;
}
Для изменения цвета при наведении:
::-webkit-scrollbar-thumb:hover{
background: #FF5C00;
}
В результате получим следующее:
