vinceliuice / WhiteSur-firefox-theme

Mac OS Safari theme for Firefox on Linux
MIT License
362 stars 19 forks source link

Changing inactive title buttons in customChrome.css doesn't work #17

Open quiltedstars opened 1 year ago

quiltedstars commented 1 year ago

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.

AdamXweb commented 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.

Screenshot 2023-03-30 at 3 45 20 pm

Check to see where the titlebuttons folder is from your customChrome file and correctly link it.