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;
}
Chosen solution
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;
}
Read this answer in context 👍 0All Replies (5)
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?
Modified by ltks
Chosen Solution
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;
}
Modified by ltks
You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.