Mobile Scroll Bar Color

I have the dark theme turned on, so the whole site is dark. But the scrollbars are not bright by default. Resulting in it not seeming obvious. How should I go about setting the scrollbar color?

Attachments:

You must be logged in to view attached files.

Hello,

That scrollbar is directly related to the browser therefore in this case our theme cannot influence it, unfortunately.

Don’t hesitate to let me know if you need any further help or any other info.

Kind Regards

How is this possible? I’m using my phone, Google Chrome, and when I visit my site the scroll bar is dark, but when I visit other URLs it’s bright. This shouldn’t be browser related, right?

Hello,

Please send me other URLs that you have checked. E.g. here is a similar scroll on another site – https://prnt.sc/33-GWRtlUfIr

Thank you for your time.

Kind Regards

OK

Hello,

Due to another bg color on that website, the color of the scroll is a little bit another, I set the same bg color on that website and the scroll started to be the same as you have.

Your website: https://prnt.sc/2YbeUGy5nE6F
3rd party website: https://prnt.sc/egaOjVZ5bTfl

Kind Regards

But they all look the same background color? Can you set the background color of my website to the background color of a third party website?

Hello,

Set the bg color as #181818 for the site and check the scroll.

Thank you for your time.

Kind Regards

Do I need to turn off the dark theme after setting the colors?

Hello,

Leave it enabled. Just navigate to Theme Settings -> Styles & Colors -> Pages background and set that color for all pages – https://prnt.sc/ajiW53m_uCiO

Kind Regards

I set the background color to #181818 as you suggested. Still not working.

Hello,

Your website: https://prnt.sc/V_Ud9mEWaSWI
3rd party website: https://prnt.sc/aMMMSkn8MZq6

As you can see, the color is the same.

Kind Regards

What are you using to view it and why is the scroll bar not this color when I view my site in Google Chrome on my Apple phone.

Hello,

I checked via the Chrome mobile emulator. As I mentioned above, that scroll on mobile cannot be changed because the ‘scrolling’ on mobile is actually panning on the display rather than the website.

Kind Regards

[Author]

Posts