Avatar for Username

Sykje yn Support

Mij stipescams. Wy sille jo nea freegje in telefoannûmer te beljen, der in sms nei ta te stjoeren of persoanlike gegevens te dielen. Meld fertochte aktiviteit mei de opsje ‘Misbrûk melde’.

Learn More

URL bar - highlight color of drop-down selections

  • 4 antwurd
  • 0 hawwe dit probleem
  • Lêste antwurd fan Slouch

Slouch
Slouch
more options

Hi All,

I would like to change the color of the two highlighted URLs in the address bar's drop down list to what they were in FF 88 - the one that is currently selected with the cursor keys, and the one the mouse pointer is over.

The first screenshot below is of the highlight colors in FF 115/125. You can see two different shades of gray, the darker gray being the URL selected with the cursor keys, the lighter gray being the one the mouse pointer is over.

The second image shows the colors from FF 88, the URL selected with cursor keys in blue, and a dark gray for the one the mouse pointer is over.

Any help in modifying these colors, and the radius of the selection is greatly appreciated!

Hi All, I would like to change the color of the two highlighted URLs in the address bar's drop down list to what they were in FF 88 - the one that is currently selected with the cursor keys, and the one the mouse pointer is over. The first screenshot below is of the highlight colors in FF 115/125. You can see two different shades of gray, the darker gray being the URL selected with the cursor keys, the lighter gray being the one the mouse pointer is over. The second image shows the colors from FF 88, the URL selected with cursor keys in blue, and a dark gray for the one the mouse pointer is over. Any help in modifying these colors, and the radius of the selection is greatly appreciated!
Keppele skermôfbyldingen

Bewurke troch Slouch op

Alle antwurden (4)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

See: 

.urlbarView-row {
  &[row-selectable]:not([selected]):hover {
    background-color: var(--urlbarView-hover-background);
  }

  &[selected] {
    background-color: var(--urlbarView-highlight-background);
    color: var(--urlbarView-highlight-color);
  }
}

Behelpsum?

Slouch
Slouch Fraacheigener
more options

Thank you cor-el.

Works great in FF 125.

Is there different coding for 115? Not seeing any changes in that one.

Thanks.

Behelpsum?

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

For 115esr, see: 

.urlbarView-row[row-selectable]:not([selected]):hover {
  background-color: var(--autocomplete-popup-hover-background);
}

.urlbarView-row[selected] {
  background-color: var(--autocomplete-popup-highlight-background);
  color: var(--autocomplete-popup-highlight-color);
}

Behelpsum?

Slouch
Slouch Fraacheigener
more options

Thanks cor-el. Got that working.

Now, I'm also changing the font color of the URL's in the drop down to match FF 88, with this statement... 

.urlbarView-url {
    color: #1c78d4 !important;
}

Question: Does FF 125 render font colors differently in these URLs than earlier versions?

The font color for the URL's in FF 115 is much closer to the color I set above (#1c78d4), while the font color in FF 125 seems to add some purple into the mix to achieve the antialiasing effect.

Please see attached images.

I also noticed the tracking of the letters is a bit different. In the image you can see the dot '.' is closer to the right side of the word "ebay" in FF 115, and further away from "ebay" in FF 125. That's not a terribly big deal, I'm just wondering if tracking is also being rendered differently between the two versions.

Bewurke troch Slouch op

Behelpsum?

In fraach stelle

Jo moatte jo oanmelde by jo account om op berjochten te antwurdzjen. Stel in nije fraach as jo noch gjin account hawwe.