Тёмная полоса прокрутки в Ночной теме Пикабу⁠⁠

Сейчас полоса прокрутки - самый яркий элемент сайта в Ночной теме. И самый светлый элемент вообще на всём экране, если в браузере также используется точная тема оформления. Из-за светлых тонов на фоне тёмного сайта становится неразличим ползунок от трэка прокрутки.

В браузерах Firefox, Chrome и других возможна стилизация скроллбара, пример на CodePen:

Предложение! Добавьте в стили сайта несколько строк:

/* Chrome */

[data-theme-dark="true"] ::-webkit-scrollbar,

[data-theme-dark="true"] ::-webkit-scrollbar-corner,

[data-theme-dark="true"] ::-webkit-scrollbar-track-piece {

background-color: #000;

}

[data-theme-dark="true"] ::-webkit-scrollbar-thumb,

[data-theme-dark="true"] ::-webkit-scrollbar-button {

background-color: #22272b;

border: 1px solid #000;

}

[data-theme-dark="true"] ::-webkit-scrollbar-thumb:hover,

[data-theme-dark="true"] ::-webkit-scrollbar-button:hover {

background-color: #2C3237;

}

[data-theme-dark="true"] ::-webkit-scrollbar-button {

height: auto;

}

/* Firefox */

[data-theme-dark="true"] {

scrollbar-face-color: #22272b;

scrollbar-track-color: #000;

scrollbar-color: #22272b #000;

}