Change the scroller in Code Block Pro

I believe this would be solved with CSS right? I’m hesitant to override the browser here as a feature, but I could give you some CSS to use. I’m currently traveling at the moment so give me a couple of days and I’l share something

I will wait for the code. Have a safe journey.

So I’m not able to test on Windows maybe for another week or two but I think something like this would work cross platform and in modern browsers. Can you give it a try? You’ll want to adjust the colors to match your design/theme.

/* Chrome, Safari, Edge */
[class*='code-block-pro'] pre::-webkit-scrollbar {
  height: 10px;
}
[class*='code-block-pro'] pre::-webkit-scrollbar-track {
  background-color: #23262E;
}
[class*='code-block-pro'] pre::-webkit-scrollbar-thumb {
  background-color: #A8A8A8;
  border-radius: 1rem;
}
/* Firefox */
[class*='code-block-pro'] pre {
  scrollbar-width: thin;
  scrollbar-color: #A8A8A8 #23262E;
}

Let me know how it works and I can try tweaking it some more too (maybe share a url though). I may actually make this an option in the future. Just need to think about it some more and consider any accessibility concerns.