Give MCM a Custom Scrollbar

[Jkaay]

I think this would be a cool and simple addition to MC-M and it would be very easy to implement. I think the default scrollbar should be changed to a custom blue scrollbar (example below)

Example:

Spoiler: Scrollbar

(Done with Stylebot)

I made the color of the scrollbar the same as the MCM logo, and here's the code for it:

html {
    overflow: auto;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 0px;
    background: #2b84bf;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #2b84bf;
}

thanks for reading

 

[BOOP]

*cough* onyx *cough*

 

[Xev]

the example u attached doesn't look right because of the dark theme, does it look better in light theme?

 

[Hannes]

https://share.hannes.cf/u/51497367211.mp4

 

[Kuzni]

I think the colour could do with a bit more work otherwise sick

 

[badvibes]

man i hate these bc they fuck up. [Censored] used to have one i think? and it was shitty af

 

[Shattered]

I think the css for the webkit scrollbar you are showing us is too simple... I don't like the way it looks.

 

[Jkaay]

I think the css for the webkit scrollbar you are showing us is too simple... I don't like the way it looks.

A solid colored scrollbar can't really get that complex, right?

 

[Bens]

I like the idea of it, maybe we could make the scrollbar change each theme to make them look nice.

 

[Mick]

I think that adding in a scrollbar like that would make our theme look a bit... cheaper. Especially having it be that colour. It works well with the Onyx theme because it's full of bright colours and is pretty modern, but the main theme really isn't.

I think that would be nice to add.

It's so hard scrolling up with my middle mouse button. Cause I can't really see a scroller on my right side of my screen.

https://chrome.google.com/webstore/search/scrollbar there's a bunch of chrome extensions that could help with that if you'd like.

 

[Mick]

This was done on the new theme on browsers that allow it.

Thanks.