Personalitzeu Firefox 57 amb CSS

Personalitzat CSS per a Fx és una col·lecció d’estils CSS per a Firefox 57 i més recents de l’autor del popular complement del Firefox Restaurador de temes clàssics.

El Firefox 57 no serà compatible amb el Restaurador de temes clàssics ni cap altra interfície que canviï extensions o temes a causa del canvi a un sistema exclusiu de WebExtensions. El nou sistema WebExtensions impedeix els canvis a la interfície d'usuari del navegador no proporcionant API a desenvolupadors d'extensions.

L’única opció que queda per als usuaris de Firefox per modificar la interfície d’interès, a part del que Mozilla proporciona de forma nativa a Firefox, és utilitzar CSS.

Els usuaris de Firefox que coneixen el seu CSS poden editar fitxers CSS manualment per modificar la seva versió del navegador web. La majoria dels usuaris del Firefox, d’altra banda, probablement no ho fan, i aquí és on entra en joc CSS personalitzat per a Fx.

Personalitzeu Firefox 57 amb CSS

classic firefox 57

El projecte està allotjat a GitHub, i Aris el manté conegut per complements populars del Firefox com Classic Theme Restorer i NoiaButtons. Restaurador de temes clàssics es va crear com a resposta a la interfície Australis que Mozilla va llançar a Firefox 29. L'extensió ja no funcionarà al Firefox 57 o més recent perquè Mozilla va deixar suport per als complements antics en aquella versió de Firefox i no va introduir funcions per modificar la interfície d'usuari com a API de WebExtensions.

La pàgina inicial del projecte ofereix informació sobre la localització de la carpeta de perfil del navegador web Firefox i sobre els estils proporcionats per modificar Firefox.

La manera més senzilla de localitzar la carpeta de perfil és carregant sobre: ​​suport a la barra d’adreces del navegador i fent clic al botó “obrir carpeta” a Basics d’aplicació> Carpeta de perfil.

Heu de crear una carpeta anomenada chrome si no existeix a l’arrel del directori de perfils. Un cop fet, copieu el contingut de l'arxiu en aquesta carpeta. Assegureu-vos que userChrome.css i userContent.css es troben a l’arrel de la carpeta chrome.

Tot el que cal fer per afegir aquests estils personalitzats al Firefox. Hi ha un altre pas que potser voldreu fer, i és personalitzar els retocs.

El conjunt de retocs predeterminat pot apel·lar a alguns usuaris, però els fitxers CSS ofereixen opcions per habilitar o desactivar diferents retocs per canviar la interfície encara més.

userchrome css firefox styles

Obriu el fitxer userChrome.css en un editor de text normal. El fitxer utilitza la comanda @import per importar els estils CSS reals dels fitxers CSS. Això es fa per mantenir el userChrome.css principal ordenat i facilitar als usuaris de Firefox la seva modificació.

Les línies que comencen amb / * es comenten i els fitxers CSS als quals s’enllacen no s’importen.

El que heu de fer és passar per la llista d’una secció a la vegada per determinar quina de les modificacions disponibles que voldreu activar al Firefox.

Descarregueu els retocs afegint / * al davant de la línia i * / a la part posterior. De la mateixa manera, suprimiu / * al davant i * / al darrere per activar un ajust.

Aquí es mostra la llista de retocs que està disponible ara mateix:

  • Modifiqueu els botons de la barra d’eines de navegació.
  • Activa els botons quadrats
  • Canvia l'aparença de la icona
  • Canvieu la finestra emergent del botó d'aplicació.
  • Canvieu el menú de les adreces d'interès i l'aparença emergent.
  • Apareixen botons de la barra d’eines de les antigues adreces d'interès
  • Altres paràmetres de botons (botons Endavant ocultar, tornar i avançar botons emergents de l'historial separat, botons de zoom oculta restablir).
  • Aspecte personalitzat dels botons de tornada i reenviament
  • Botó d'aplicació / hamburguesa a la barra d'eines de navegació
  • Botó d'aplicació / hamburguesa a la barra de títol del Firefox (només per Windows)
  • Aparició de pestanyes (estil, posició de la barra d’eines, per exemple, a sota de les barres d’eines (llegiu: pestanyes no a la part superior), títols de les pestanyes, icones i molt més.
  • Modifiqueu la barra de cerca, els menús del context, les icones i altres barres d’eines.
  • Canvieu l'estil de la barra d'ubicació.

Alguns d’aquests són explicatius. D’altres no, però teniu dues opcions a l’hora d’aquestes. O bé, activeu-los i comproveu-los directament, o bé obriu el fitxer CSS que es carrega per saber què fan. Això últim requereix, però, cert coneixement del CSS.

El fitxer userContent.css utilitza el mateix disseny. Importa fitxers CSS i us correspon activar-los o desactivar-los.

Una llista de retocs suggerits de la interfície nativa i sobre: ​​els ajustos de configuració també els proporciona el projecte per modificar l'aparença del Firefox.

Paraules clausura

El CSS personalitzat per a Fx ofereix moltes modificacions de la interfície per a la interfície del Firefox 57 que no es pot fer mitjançant extensions ni amb funcions integrades. Els usuaris del Firefox existents poden considerar-lo útil, sobretot si han utilitzat Classic Theme Restorer o un complement comparable fins ara.

Aris es publica regularment a Aris; Això és bo no només per a les noves funcionalitats que es poden introduir mitjançant ajustaments, sinó també per mantenir els estils compatibles amb les versions llançades de Firefox.