Стилизация скроллбара (ползунка) в десктопе

Применяется для всего сайта, работает только в десктопе. Стилизовать можно горизонтальный и вертикальный скроллбар.

Как сделать

  1. Укажи в настройках цвет и ширину/высоту скроллбара, цвет фона под скроллбаром. Если скроллбар нужно убрать, то поставь ширину/высоту 0px.
  2. Скопируй сгенерированный код и вставь в body своего сайта. Для этого открой: «Настройки сайта» → «Еще» → «Пользовательские CSS-стили».
<!-- https://romanyu.ru/scrollbar -->
<style>
@media screen and (min-width: 1201px) {
    ::-webkit-scrollbar-thumb {
        /* Укажи цвет скроллбара */
        background: #e42e3a;
        /* Укажи радиус скругления скроллбара */
        border-radius: 10px;
    }
    ::-webkit-scrollbar {
        /* Укажи ширину вертикального скроллбара */
        width: 5px;
        /* Укажи высоту горизонтального скроллбара */
        height: 5px;
        /* Укажи цвет фона под скроллбаром */
        background: #000000;
    }
}
</style>
Понравилось решение?
Отблагодарить за модификации
Если возникли трудности с применением модификации, напиши мне в Telegram. Помогу разобраться