Open quiltedstars opened 1 year ago
TLDR; Check the background url in customChrome to point to the file.
CSS has Specificity, meaning that even when using !important, the browser will still apply the most relevant CSS deceleration to an element, which in turn, determines the property value to apply to the element. (good visual example)
Could you share the code you're using in the customChrome and your modification in the titlebutton-dark.css
?
The likely issue is that the background URL for the icon is pointing to a file that doesn't exist.
e.g. background: url("../titlebuttons...
points up a folder from where that CSS file is, then into the titlebuttons folder to find the image.
Check to see where the titlebuttons folder is from your customChrome file and correctly link it.
I've managed to change the inactive title buttons (close/minimize/maximize) to be 'always on' (ie. never disappearing to grey) in the actual titlebutton-dark.css file, but if I try and copy the same code to my custom Chrome file, the icons disappear entirely. I've tried appending !important to the end of the url no-repeat, but it still doesn't show in my customChrome. Any insight would be much appreciated.