One of the most annoying things about Open WebUI is the scroll bar - or the lack of it. As the page gets longer with a response, the scroll bar doesn't appear until you start randomly clicking on the right edge of the page, and you might hit it or you might not (where it starts paging around rapidly).
There's a "High Contrast" mode in Settings... Interface, but it still makes the scroll bar dark grey, a little more visible. I want to make it white.
I asked Gemma4 if there was a way to make the scroll bar more visible, and it suggested a "Custom CSS" mode in Interface Settings, which does not exist anymore apparently. The CSS code it wrote is as follows:
/* Force the scrollbar to be visible and wider */
::-webkit-scrollbar {
width: 12px !important;
height: 12px !important;
display: block !important;
}
/* The background of the scrollbar (the track) */
::-webkit-scrollbar-track {
background: rgba(100, 100, 100, 0.1) !important;
border-radius: 10px !important;
margin: 5px 0 !important;
}
/* The draggable part (the thumb) */
::-webkit-scrollbar-thumb {
background-color: rgba(150, 150, 150, 0.5) !important; /* Semi-transparent grey */
border-radius: 10px !important;
border: 2px solid transparent !important; /* Creates a padding effect */
background-clip: content-box !important;
}
/* The thumb when you hover over it */
::-webkit-scrollbar-thumb:hover {
background-color: rgba(200, 200, 200, 0.8) !important;
}
/* Firefox Support (Firefox handles scrollbars differently) */
* {
scrollbar-width: auto !important;
scrollbar-color: rgba(150, 150, 150, 0.5) rgba(0, 0, 0, 0.1) !important;
}
Does anyone know where a custom CSS area still exists, where it is, and can it survive a version update?