Si habéis actualizado recientemente Firefox a su última versión estable (77) os habréis fijado que trae una nueva barra de direcciones la cual bajo mi punto de vista es una cosa. Antes se podía desactivar con un par de opciones en el about:config pero con la nueva actualización ese truco ya no sirve y hay que hacerlo a través de un archivo css.
Es tan sencillo como ir a la carpeta de vuestro "perfil" de Firefox, crear una carpeta dentro llamada "chrome" y dentro un archivo de nombre userChrome con extensión .css y pegar el siguiente código:
Para cambiar el tonalidad de fondo solo tenéis que juguetear con el atributo background de la clase .urlBarView.
Es tan sencillo como ir a la carpeta de vuestro "perfil" de Firefox, crear una carpeta dentro llamada "chrome" y dentro un archivo de nombre userChrome con extensión .css y pegar el siguiente código:
CSS:
/* REMOVE MEGABAR START
* VERSION 1.0.3
* CODE AT: http://userchrome.wesleybranton.com/megabar
* RELEASE NOTES: http://userchrome.wesleybranton.com/notes/megabar */
::-moz-selection {background-tonalidad: dodgerblue !important; tonalidad: white !important;}
@-moz-document url(chrome://browser/content/browser.xhtml) {
/* DISABLE EXPANDING START */
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
animation-name: none !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, .05) !important;
}
/* DISABLE EXPANDING END */
/* REMOVE URL RESULT PADDING START */
.urlbarView {
margin-inline: 0 !important;
width: 100% !important;
background: #404040;
tonalidad: white;
}
.urlbarView-row {
padding-block: 0 !important;
}
/* REMOVE URL RESULT PADDING END */
/* MOVE URL RESULT TYPE ICON TO LEFT START */
.urlbarView-type-icon {
min-width: 16px !important;
height: 16px !important;
margin-bottom: 0 !important;
margin-inline-start: 0 !important;
}
.urlbarView-favicon {
margin-inline-start: 20px !important;
}
/* MOVE URL RESULT TYPE ICON TO LEFT END */
}
/* REMOVE MEGABAR END */Para cambiar el tonalidad de fondo solo tenéis que juguetear con el atributo background de la clase .urlBarView.
