[BUG] The appearance of the scroll bar in Safari

[pawelwiejkut]

Describe the bug
The scrollbar looks weird in Safari, kindly please check screenshots.

• Device/Os: Macbook / Mac OS 12.0.1
• Type: Desktop
• Browser and version [e.g. Chrome 86.0]: Safari 15.1 (17612.2.9.1.20)
• Hugo Version [ >=0.83.0 expected]: same as in adityatelange.github.io
• Theme Version [e.g. v4.0, master, or commit-id ]: same as in adityatelange.github.io

Steps to reproduce the behavior:

1. Go to https://adityatelange.github.io/hugo-PaperMod/
2. Click on any post inside, check the scrollbar

Expected behavior:
The scrollbar doesn't look nice like in Chrome.

Screenshots
Chrome:

Safari:

[pawelwiejkut]

Hi all,

I'm not into css best practices but as a workaround, you can add

::-webkit-scrollbar{ background: var(--theme); }

into theme-vars.css. It will fix the scrollbar.

[adityatelange]

Hi all,

I'm not into css best practices but as a workaround, you can add

::-webkit-scrollbar{ background: var(--theme); }

into theme-vars.css. It will fix the scrollbar.

Using this as solution, Thanks!