Personalizza Firefox 57 con CSS

CSS personalizzato per Fx è una raccolta di stili CSS per Firefox 57 e versioni successive dell'autore del famoso componente aggiuntivo per il ripristino classico di Firefox.

Firefox 57 non supporterà più Classic Theme Restorer o qualsiasi altra interfaccia che cambi estensioni o temi a causa del passaggio a un sistema esclusivo di WebExtensions. Il nuovo sistema WebExtensions impedisce modifiche all'interfaccia utente del browser non fornendo API agli sviluppatori di estensioni.

L'unica opzione che resta per gli utenti di Firefox di modificare l'interfaccia utente, a parte ciò che Mozilla fornisce in modo nativo in Firefox, è utilizzare CSS.

Gli utenti di Firefox che conoscono i CSS possono modificare manualmente i file CSS per modificare la loro versione del browser web. La maggior parte degli utenti di Firefox invece probabilmente non lo fa, ed è qui che entra in gioco il CSS personalizzato per Fx.

Personalizza Firefox 57 con CSS

Il progetto è ospitato su GitHub ed è gestito da Aris, noto per i popolari componenti aggiuntivi di Firefox come Classic Theme Restorer e NoiaButtons. Classic Theme Restorer è stato creato come risposta all'interfaccia Australis che Mozilla ha lanciato in Firefox 29. L'estensione non funzionerà più in Firefox 57 o versioni successive perché Mozilla ha abbandonato il supporto per i componenti aggiuntivi legacy in quella versione di Firefox e non ha introdotto funzionalità per modificare l'interfaccia utente come API WebExtensions.

La pagina iniziale del progetto offre informazioni sull'individuazione della cartella del profilo del browser Web Firefox e sull'utilizzo degli stili forniti per modificare Firefox.

Il modo più semplice per individuare la cartella del profilo è caricando about: supporto nella barra degli indirizzi del browser e facendo clic sul pulsante "apri cartella" in Nozioni di base sull'applicazione> Cartella del profilo.

È necessario creare una cartella chiamata chrome se non esiste nella radice della directory del profilo. Una volta fatto, copia il contenuto dell'archivio in quella cartella. Assicurati che userChrome.css e userContent.css si trovino nella radice della cartella chrome.

Questo è tutto ciò che deve essere fatto per aggiungere questi stili personalizzati a Firefox. C'è comunque un altro passo che potresti voler fare e che sta personalizzando le modifiche.

La serie predefinita di modifiche può attirare alcuni utenti, ma i file CSS sono dotati di opzioni per abilitare o disabilitare diverse modifiche per modificare ulteriormente l'interfaccia.

Aprire il file userChrome.css in un editor di testo semplice. Il file utilizza il comando @import per importare gli stili CSS effettivi dai file CSS. Questo viene fatto per mantenere in ordine il principale userChrome.css e rendere più semplice per gli utenti di Firefox modificarlo.

Le righe che iniziano con / * vengono commentate e i file CSS a cui si collegano non vengono importati a causa di ciò.

Quello che devi fare è scorrere l'elenco una sezione alla volta per determinare quale delle modifiche disponibili desideri abilitare in Firefox.

Scarica le modifiche aggiungendo / * davanti alla riga e * / sul retro. Allo stesso modo, rimuovi / * davanti e * / dietro per abilitare una modifica.

Ecco l'elenco delle modifiche disponibili in questo momento:

  • Modifica i pulsanti della barra degli strumenti di navigazione.
  • Abilita pulsanti quadrati
  • Cambia l'aspetto dell'icona
  • Modifica il popup del pulsante dell'app.
  • Cambia il menu dei segnalibri e l'aspetto del popup.
  • Aspetto del pulsante della barra degli strumenti dei vecchi segnalibri
  • Altre impostazioni dei pulsanti (pulsante Avanti, nascondi, pulsanti avanti e indietro, popup popup separati, pulsanti zoom nascosti ripristina).
  • Aspetto pulsanti avanti e indietro personalizzati
  • Pulsante Applicazione / Hamburger sulla barra degli strumenti di navigazione
  • Pulsante Applicazione / Hamburger nella barra del titolo di Firefox (solo Windows)
  • Aspetto delle schede (stile, posizione della barra degli strumenti ad esempio sotto le barre degli strumenti (leggi: schede non in alto), titoli delle schede, icone e altro.
  • Modifica barra di ricerca, menu di scelta rapida, icone e altre barre degli strumenti.
  • Cambia lo stile della barra degli indirizzi.

Alcuni di questi sono autoesplicativi. Altri no, ma hai due opzioni quando si tratta di questi. Abilitali e controllali direttamente oppure apri il file CSS che viene caricato per scoprire cosa fanno. Quest'ultimo richiede tuttavia una certa conoscenza dei CSS.

Il file userContent.css utilizza lo stesso layout. Importa i file CSS e spetta a te abilitarli o disabilitarli.

Un elenco di modifiche dell'interfaccia nativa suggerite e circa: le modifiche alla configurazione sono fornite anche dal progetto per modificare ulteriormente l'aspetto di Firefox.

Parole di chiusura

CSS personalizzato per Fx offre numerose modifiche all'interfaccia per l'interfaccia di Firefox 57 che non possono essere eseguite utilizzando le estensioni o le funzionalità integrate. Gli utenti esistenti di Firefox potrebbero trovarlo utile, soprattutto se finora hanno utilizzato Classic Theme Restorer o un componente aggiuntivo comparabile.

Gli aggiornamenti vengono rilasciati regolarmente da Aris; va bene non solo per le nuove funzionalità che possono essere introdotte attraverso modifiche, ma anche per mantenere gli stili compatibili con le nuove versioni di Firefox.