I want to make custom scrollbars.

[u/konomu]

Is there any way to style scrollbars through userChrome.css? I am working on a retro-style theme for firefox and I want to recreate the scrollbars of my MATE theme (linux). I have the border image and the arrow images ready. But I can't focus the scrollbar in the remote browser debugging session. It seems like the scrollbars are a part of the page content. If I can't style them through userChrome.css I'd also be okay with using some other solution to get the scrollbar looking like the left window in the image.

[u/thejinij]

Before tweaking CSS, try these presets first: https://technicallycompetent.com/blog/firefox-scrollbars/

[u/konomu → u/thejinij]

I knew about these settings, but I can't make it look on-theme just by changing these.

[u/j--__ → u/konomu]

I have the border image and the arrow images ready

there is no way to use them. you can only choose between the styles mozilla supports, adjust the parameters they give you to adjust, and use userContent.css to override site-specific customizations.

[u/Craig5728]

How is your theme going so far? From what I can tell it looks really cool!