Personalizza Firefox 57 con CSS
- Categoria: Firefox
Custom CSS for Fx è una raccolta di stili CSS per Firefox 57 e versioni successive dell'autore del popolare componente aggiuntivo per Firefox Classic Theme Restorer.
Firefox 57 non supporterà più Classic Theme Restorer o qualsiasi altra interfaccia che modifica estensioni o temi a causa del passaggio a un sistema esclusivo WebExtensions. Il nuovo sistema WebExtensions impedisce modifiche all'interfaccia utente del browser non fornendo API agli sviluppatori di estensioni.
L'unica opzione che rimane agli utenti di Firefox per modificare l'interfaccia utente, a parte ciò che Mozilla fornisce nativamente 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, d'altra parte, 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. Restauratore di temi classici è stato creato come file risposta all'interfaccia Australis che Mozilla è stato lanciato in Firefox 29. L'estensione non funzionerà più in Firefox 57 o più recente 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 su come individuare la cartella del profilo del browser Web Firefox e utilizzare gli stili forniti per modificare Firefox.
Il modo più semplice per individuare la cartella del profilo è caricare about: support nella barra degli indirizzi del browser e fare clic sul pulsante 'Apri cartella' in Informazioni di base sull'applicazione> Cartella del profilo.
È necessario creare una cartella chiamata chrome se non esiste nella radice della directory del profilo. Una volta terminato, 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'è tuttavia un altro passo che potresti voler fare, e cioè personalizzare le modifiche.
Il set predefinito di tweak può piacere ad alcuni utenti, ma i file CSS sono dotati di opzioni per abilitare o disabilitare diversi tweaks per modificare ulteriormente l'interfaccia.
Apri il file userChrome.css in un semplice editor di testo. 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ù facile per gli utenti di Firefox modificarlo.
Le righe che iniziano con / * vengono commentate ei file CSS a cui si collegano non vengono importati per questo motivo.
Quello che devi fare è scorrere l'elenco una sezione alla volta per determinare quale delle modifiche disponibili desideri abilitare in Firefox.
Puoi scaricare le modifiche aggiungendo / * davanti alla riga e * / dietro. Allo stesso modo, rimuovi / * davanti e * / dietro per abilitare un tweak.
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
- Cambia il popup del pulsante dell'app.
- Modifica 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 Indietro e Avanti separati i popup della cronologia, i pulsanti zoom nascondono il ripristino).
- Aspetto personalizzato dei pulsanti avanti e indietro
- 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 la barra di ricerca, i menu contestuali, le 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 queste. 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 file CSS e spetta a te abilitarli o disabilitarli.
Il progetto fornisce anche un elenco di tweak dell'interfaccia nativa suggeriti e su: config tweak per modificare ulteriormente l'aspetto di Firefox.
Parole di chiusura
Il CSS personalizzato per Fx offre numerose modifiche all'interfaccia per l'interfaccia di Firefox 57 che non possono essere eseguite utilizzando estensioni o funzionalità integrate. Gli utenti Firefox esistenti potrebbero trovarlo utile, soprattutto se hanno utilizzato Classic Theme Restorer o un componente aggiuntivo simile fino ad ora.
Gli aggiornamenti vengono rilasciati regolarmente da Aris; questo è positivo non solo per le nuove funzionalità che possono essere introdotte tramite modifiche, ma anche per mantenere gli stili compatibili con le nuove versioni di Firefox.