Сейчас полоса прокрутки - самый яркий элемент сайта в Ночной теме. И самый светлый элемент вообще на всём экране, если в браузере также используется точная тема оформления. Из-за светлых тонов на фоне тёмного сайта становится неразличим ползунок от трэка прокрутки.
В браузерах 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;
}
