How would I change this colour?
I'm trying to add translucence to the hover effect on the new tab page, but I can't seem to select it from css.
Currently Ive tried adding this in usercontent
html:root[lwt-newtab-brighttext] {
--newtab-background-color: #2B2A3366;
}
Valgt løsning
Oh wait, I noticed a new section popped up when I set that to hover, tuens out I dont need to change the variable.
This worked:
.top-site-outer:hover {
background: #0003 !important;
}
Læs dette svar i sammenhæng 👍 0Alle svar (5)
it just looks a little out of place as it is
You may need to use the opacity property. Try searching w3schools. com or w3. org.
Dropa said
Anything beyond the Firefox themes and defaults changes is up to the site your using for the userChrome.css edits to support and resolve.
There are people here that can help out with userChrome.css edits and people are not required to have to look elsewhere for such help as their only option. .
Terry said
You may need to use the opacity property. Try searching w3schools. com or w3. org.
yeah the 66 added to the colour is the opacity there. Its jsut a matter of figuring out how to select that to change its value. In the past it was under another section and it was easier to change.
If it was under the top-site-outer area I could just do li.top-site-outer:nth-child(n):hover but since its under the html:root it doesnt seem to let me change it form here?
Ændret af ltks den
Valgt løsning
Oh wait, I noticed a new section popped up when I set that to hover, tuens out I dont need to change the variable.
This worked:
.top-site-outer:hover {
background: #0003 !important;
}
Ændret af ltks den