Min: Implement custom scrollbars for Windows

[dsr432]

The scrollbars on Min right now look awful on windows (I'm not sure about Mac), but I think a big selling point for Min is the quality UI, and that just takes away from it. I'm not sure if this is possible to change as I haven't looked through the code base or electron that much, but if it is that would be amazing.

[PalmerAL]

Yeah, this is mostly dependent on Chromium. It looks like they're working on a project right now to fix this:
https://techdows.com/2020/06/chrome-scrollbar-dark-mode.html
https://bugs.chromium.org/p/chromium/issues/detail?id=1095875

so it probably makes the most sense to wait for that.

In the meantime, it's possible to style scrollbars with CSS, so I think what you could do is create a userscript that runs on websites with a dark theme, and adds some CSS to the page to make the scrollbar dark.

On macOS, the auto-hiding scrollbars for trackpads adjust to dark mode, but the standard ones for mice don't.

[dsr432]

Perhaps I should have been more clear... the color I don't think matters as much as the actual appearence. Perhaps I'm wrong and this depends on the website, but I'm fairly certain (especially because electron itself runs in the browser, that it is possible to make custum scrollbars for Min?

Again I'm not experienced in electron or Min in general so correct me if I'm wrong but I think that this is possible to achieve and would look much better than the current blocky scrollbar that we have.

[PalmerAL]

Sorry, I misunderstood. I think that would be doable using the same method I mentioned above (custom CSS); I expect that it would work on most websites, although it might break if the website assumes the scrollbar is the standard width.

The bigger issue with doing that by default is that a thinner scrollbar is harder to drag with the mouse; macOS solves that by only making the scrollbar thinner if you're using a trackpad, but I don't think Windows has anything similar.

[dsr432]

I feel like most people would use the scroll wheel for mice anyways but
that’s a good point. As for screen size, that also should be fine because
websites have to account for different sizes anyways, as well as for
mobile. But yeah custom css seems like a good solution so i’ll see how
that goes and if it causes any bugs/breaks websites. Thanks for helping
out :)

On Thu, Aug 20, 2020 at 11:59 PM PalmerAL [e-mail] wrote:

>
>

Sorry, I misunderstood. I think that would be doable using the same method
I mentioned above (custom CSS); I expect that it would work on most
websites, although it might break if the website assumes the scrollbar is
the standard width.

The bigger issue with doing that by default is that a thinner scrollbar is
harder to drag with the mouse; macOS solves that by only making the
scrollbar thinner if you're using a trackpad, but I don't think Windows has
anything similar.

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/minbrowser/min/issues/1204#issuecomment-678024537,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AP64MZEVGRFBQM3IJCYWEA3SBXWLFANCNFSM4QD27N5A
.

[PalmerAL]

If you come up with something that looks good, feel free to add it to the "examples" section of the userscript page: https://github.com/minbrowser/min/wiki/userscripts

[dsr432]

Will do :)

On Sat, Aug 22, 2020 at 4:21 PM PalmerAL [e-mail] wrote:

>
>

If you come up with something that looks good, feel free to add it to the
"examples" section of the userscript page:
https://github.com/minbrowser/min/wiki/userscripts

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/minbrowser/min/issues/1204#issuecomment-678689436,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AP64MZFTPLXJMUPE7TGDG2DSCASFFANCNFSM4QD27N5A
.

[ivancizik]

Hi, i also don't like the default one so i created the script. The script is available here.

For CSS i just used a simple example from W3Schools

BR,
Ivan

[Syndamia]

@ivancizik have you considered adding the script to the examples in the userscripts wiki page?

[ivancizik]

@Syndamia done. :)