u/ZetaJolt

I have been using a very simple CSS to make the top "ribbon" of firefox translucent. It was working fine until the update to FF150.

Here is my code.

:root {
        --bg: #00000066; 
}


tab.tabbrowser-tab[selected="true"] stack.tab-stack vbox.tab-background {
background: #FFFFFF28 !important;
}

toolbar {
background: transparent !important;
}

/* window transparencies */
#main-window {
background: var(--bg) !important;
}

/* navbar / tabbar / titlebar */
#nav-bar {
background: transparent  !important;
}
#navigator-toolbox {
background: transparent !important;
}

hbox#urlbar[open="true"] hbox#urlbar-background {
background: #000000E0 !important;
}

#urlbar-background {
background: transparent !important;
}

I am running endeavourOS with SwayWM.

Has something changed about the transparent rule? I have tried other more complex files with transparency, such as the transparentFox from the CSS store and it also does not work. I have checked that toolkit.legacyUserProfileCustomizations.stylesheets is still true.

Is there anything wrong with the my code due to the update?