Posted: . At: 7:47 AM. This was 2 years ago. Post ID: 16420
Page permalink. WordPress uses cookies, or tiny pieces of information stored on your computer, to verify who you are. There are cookies for logged in users and for commenters.
These cookies expire two weeks after they are set.



Sponsored



How to color the Firefox URL drop-down. This is very useful when coloring the other parts of the UI.

by

This code is placed in the userChrome.css and it will theme the URL dropdown area of the Firefox UI. The code must be placed before the @namespace line in the CSS file. Then it will work.

/* Do not remove the @namespace line -- it's required for correct functioning */
 
.urlbarView-results {background: rgb(32, 30, 30) !important;}
 
.urlbarView.megabar .urlbarView-body-inner {border-top: unset !important;}
 
.urlbarView-row .urlbarView-action {
  color: #302c64 !important;
}
 
.urlbarView-row[selected] .urlbarView-title,
.urlbarView-row:hover .urlbarView-title,
.urlbarView-row[selected] .urlbarView-secondary,
.urlbarView-row:hover .urlbarView-secondary,
.urlbarView-row[selected] .urlbarView-title-separator,
.urlbarView-row:hover .urlbarView-title-separator     {
  color: inherit !important;
  background-color: #363d42;
}
 
/*@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");*/

This supplemental code will provide a colour theme for the URL links actually in the URL dropdown. This code can be placed normally in the userChrome.css file and it will work very well.

.urlbarView-url {
  color: #62ffcc !important;
  background-color: #363d42;
  border-style ridge;
  border-width: 0.6px;
  border-color: darkslategrey;
  border-radius: 1px;
}

This is a great way to customize the look and feel of your Firefox browser. This is very useful.


Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.