Cómo cambiar la apariencia de la barra naranja en firefox

Me encanta la forma en que Firefox se puede personalizar. Quiero decir que no hay nada en el navegador que no se pueda cambiar o modificar de acuerdo con los requisitos y la comodidad del usuario. Mientras que en el extremo funcional se trata de: las preferencias de configuración se pueden ajustar para lograr casi cualquier cosa, en el aspecto estético tenemos componentes CSS que se pueden definir para modificar la apariencia de la interfaz.

Consideraremos el botón naranja de Firefox que se coloca en la parte superior izquierda del navegador y veremos cómo se puede modificar su apariencia. Por ejemplo, mira la imagen (abajo) y observa cómo he cambiado el color de naranja a rojo, el texto de blanco a negro y de Firefox a. Interesante, ¿verdad?

Así es como puede hacer cambios similares.

Pasos para personalizar la apariencia del botón de Firefox

Cada perfil que cree en Firefox tiene un archivo CSS asociado. Está destinado a que las entradas del usuario varíen el espectáculo del navegador. En el proceso también le diremos cómo encontrar ese archivo o crear uno si no existe.

Paso 1: Abra Firefox y navegue a Firefox (el botón naranja) -> Ayuda -> Información de solución de problemas.

Paso 2: se abrirá una nueva pestaña. Busque la sección que lee Conceptos básicos de la aplicación. Para acceder a su carpeta de perfil, haga clic en el botón Mostrar carpeta. Se sugiere abrir la carpeta de perfil desde aquí porque si hay varios perfiles, es posible que no sepa cuál se está utilizando.

Paso 3: en el directorio de tu perfil encontrarás una carpeta llamada Chrome. Si no puede encontrar eso, puede crear uno.

Paso 4: en esta carpeta debe haber un archivo llamado userChrome.css. El nombre debe ser exactamente como se deletrea aquí.

Nuevamente, si no puede encontrarlo, puede crear uno. Si está allí, vaya al Paso 7. De lo contrario, continúe con el Paso 5.

Paso 5: haga clic con el botón derecho en un espacio vacío y cree un Nuevo -> Documento de texto. Una vez hecho esto, abra el archivo con el Bloc de notas.

Paso 6: Ahora ve a Archivo y Guardar como documento como userChrome.css. Asegúrese de cambiar Guardar como tipo a Todos los archivos desde la parte inferior del cuadro de diálogo Guardar. Haga clic en Guardar y cierre el documento.

Paso 7: abra el archivo userChrome.css con el Bloc de notas. Simplemente haga clic derecho en el archivo y elija Abrir con -> Bloc de notas.

Paso 8: Copie el fragmento de código a continuación (como está) y agréguelo al archivo. Guarda los cambios.

@ namespace url ("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

# appmenu-button {

fondo: # naranja ! importante;

}

# appmenu-button dropmarker: before {

contenido: " Firefox "! importante;

color: # FFFFFF ! importante;

}

# appmenu-button.button-text {

pantalla: ninguno! importante;

}

Tenga en cuenta los trozos en negrita. Representan el color del botón, el texto y el color del texto respectivamente. Para cambiar la apariencia del botón, puede modificar estos valores. Aquí está el código que corresponde a la imagen que vio al principio.

Si no conoce los códigos hexadecimales, puede consultar este enlace. O puedes revisar este.

Conclusión

Este cambio es solo menor. Si puedes dominar los códigos, podrás cambiar la imagen de casi cualquier cosa en Firefox. Si tienes algunos de los que has estado usando durante todos estos años, compártelos con nuestros lectores y ayuda a llevar sonrisas a los usuarios novatos de Firefox.