Scrollbar CSS stopped working in Chrome 121 update

[cochize1 41]

Hi, my scrollbar styling stopped working after a Chrome update to 121 and my current code below does nothing anymore. Does anyone know a fix for that?

@Happy2Play @visproduction

::-webkit-scrollbar {width: 4px !important; height: 0px !important;}
::-webkit-scrollbar-track { background: rgba(82, 181, 75, 0.0) !important;   width: 4px !important;}
::-webkit-scrollbar-track:hover { background: rgba(82, 181, 75, 0.1) !important;  width: 4px !important;}
::-webkit-scrollbar-thumb {   background: rgba(82, 181, 75, 0.2) !important;   border-radius: 4px !important;}
::-webkit-scrollbar-thumb:hover {background: rgba(82, 181, 75, 0.7) !important;   border-radius: 4px !important;}

 

[Happy2Play 8282]

Looks html scrollbar-color is overriding

html {
    color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));
    scrollbar-color: hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),.4) transparent;
    background-color: hsl(var(--background-hue),var(--background-saturation),var(--background-lightness))
}

So I guess something like this

html {scrollbar-color: auto !important;}
::-webkit-scrollbar {width: 4px !important; height: 0px !important;}
::-webkit-scrollbar-track { background: rgba(82, 181, 75, 0.0) !important;   width: 4px !important;}
::-webkit-scrollbar-track:hover { background: rgba(82, 181, 75, 0.1) !important;  width: 4px !important;}
::-webkit-scrollbar-thumb {   background: rgba(82, 181, 75, 0.2) !important;   border-radius: 4px !important;}
::-webkit-scrollbar-thumb:hover {background: rgba(82, 181, 75, 0.7) !important;   border-radius: 4px !important;}

only tested in edge and chrome.

[cochize1 41]

This seems to work on the all scrollbars except the one in drawer, could you help with that as well?

[Happy2Play 8282]

18 minutes ago, cochize1 said:

This seems to work on the all scrollbars except the one in drawer, could you help with that as well?

add

div.scrollY-mini {scrollbar-width: auto;}

 

[cochize1 41]

works great, thanks