¡Bienvenido a mi post! Aquí te mostraré una maravillosa herramienta del navegador Mozilla Firefox para crear tus propios temas, o si lo deseas, puedes descargar tema realizados por otros usuarios. ¡Comencemos!
Firefox otorga la posibilidad de crear tus propios temas a través de Firefox Color. Es una herramienta muy completa pero a la vez muy sencilla de utilizar, y en este post te la enseñaré. Si lo que quieres es descargar temas hechos por Firefox o la comunidad, puedes irte directamente al final del post, dónde te explicaré lo necesario. Pero no te vayas, te dejo un tema que yo realicé con Firefox Color qué agradecería mucho que le eches un vistazo. Se llama "SynthWave '84 Theme". Puedes acceder a él haciendo clcik en el nombre de mi tema o en el enlace que te dejo aquí. Sin más, ¡comencemos a crear nuestros propios temas!
Enlace a SynthWave '84 Theme: https://addons.mozilla.org/es/firefox/addon/synthwave-84-theme/
Primero y prncipal, ingresemos a Firefox Color a través de la página https://color.firefox.com/, qué tras cargar debería mostrarte una interfaz similar a esta:
Cómo puedes ver, es una interfaz bastante amigable y sencilla. Ahora empecemos a entender un poco la herramienta:
Tenemos varias cosas qué podemos editar, y la pestaña con la que nso enfocaremos principalmente es la de Custom colors, qué es en la que estamos, ya luego nos iremos moviendo con otras pestañas. Aquí te dejo la lista de cada una de los elementos que podemos editar en Custom colors:
Te recomiendo que vayas probando de cambiarle el color a cada uno de estos elementos, así vas familiarizándote. Ahora, sigamos con lla pestaña de los Advanced Colors, dónde podremos editar más cosas aún:
Esta pestaña nos ofrece editar muchísimos elementos, aquí te dejo la lista de cada uno de los elementos traducidos:
Button Background Active (Fondo de botón activo)
Frame inactive (Marco inactivo
Icons (Íconos)
New tab Text (Texto de una nueba pestaña)
Popup Highlight Text (Texto destacado emergente)
Sidebar Border (Borde de la barra lateral)
Sidebar Highlight (Resaltado de la barra lateral)
Button Background Hover (Color de la flecha izquierda para redirigirse a la página anterior)
New Tab Background Color (Color de fondo de la nueva pestaña)
Popup Border (Borde emergente)
Popup Highlight (Resaltado emergente)
Sidebar Highlight Text (Texto destacado de la barra lateral)
Sidebar Text(Texto de la barra lateral)
Sidebar (Barra lateral)
Tab Loading (Carga de Pestañas)
Tab Text (Texto de la Pestaña)
Toolbar Field Border Focus (Enfoque del borde del campo de la barra de herramientas)
Toolbar Field Focus (Enfoque de campo de la barra de herramientas)
Toolbar Field Highlight (Resaltado del campo de la barra de herramientas)
Toolbar Field Text Focus (Enfoque del texto del campo de la barra de herramientas)
Toolbar Vertical Separator (Separador vertical de barra de herramientas)
Tab Background Separator (Fondo del separador de pestaña)
Tab Selected (Pestaña Seleccionada)
Toolbar Bottom Separator (Separador inferior de la barra de herramientas)
Toolbar Field Border (Borde del campo de la barra de herramientas)
Toolbar Field Highlight Text (Texto resaltado del campo de la barra de herramientas)
Toolbar Field Separator (Separador de campos de la barra de herramientas)
Toolbar Top Separator (Separador superior de la barra de herramientas)
Muy bien, ya nuestro tema está casi listo, y Firefox Color nos otorga la posibilidad de agregarle un fondo a las pestañas, y también peudes agregarle tus propias imágenes.
¡Ahora sí! ¡Tu tema está listo para qué lo utilices! Solo debes darle en Save y seleccionar tu tema. Veamos cómo se hace:
Ahora hacemos click en nuestro tema:
Y con esto hemos terminado de crear nuestro tema y agregarlo como el tema para nuestro navegador Firefox. También puedes exportar tu tema para publicarlo en la tienda de complementos, es sencillo peor si quieres que lo explique me lo puedes dejar en los comentarios del post 😄. Y con esto es todo lo que tenía que mostrarte en este post, también te dejo la tienda de complementos para qué puedas ver más complementos (valga la redundancia) y temas. Aquí te dejo el link:
Link a la Tienda de Complementos de Firefox: https://addons.mozilla.org/es/firefox/?utm_source=firefox-browser&utm_medium=firefox-browser&utm_content=find-more-link-bottom
