Se il design squadrato di Firefox ci ha stufato o se vogliamo provare ad applicare un nuovo design a Firefox possiamo provare i seguenti passaggi:
- Aprire il progetto su GitHub chiamato MaterialFox
- Aprire una nuova scheda e digitare
about:config, leggere e accettare l’eventuale avviso di responsabilità alle modifiche sensibili dei flag nascosti
- Cerca le seguenti preferenze utilizzando la barra di ricerca nella parte superiore della pagina
about:config e assicurati che le seguenti preferenze siano vere cioè impostate su true:
toolkit.legacyUserProfileCustomizations.stylesheetssvg.context-properties.content.enabled- In una nuova scheda digitare
about: support , cercare la riga Cartella del profilo quindi premere il bottone accanto per aprire la cartella
- Scarica il file chrome.zip dall’ultima versione
- Estrai la cartella [chrome.zip](https://) che diventerà
chrome e mettila nella cartella profilo di Firefox aperta prima
- Chiudi e riapri Firefox
Se hai un tema personalizzato attivo in Firefox potrebbe essere necessario disattivarlo per visualizzare correttamente il nuovo design.
Puoi trovare alcuni temi sulla pagina del progetto, scaricare il relativo file .css e metterlo nella cartella Chrome presente nel profilo di Firefox. Per attivare il nuovo tema apri il file .css, leggi la prima riga che ti darà il comando da inserire in about:config dove dovrai creare la regola booleana e impostarla su true.
Ad esempio se desideri attivare il tema theme-material-green.css dovrai scaricare e mettere questo file css nella cartella chrome all’interno del profilo Firefox, andare in about:config nella barra degli indirizzi di Firefox e incollare userChrome.theme-material-green, cliccare sul + e impostare il valore su true
Preferenze:
userChrome.ui-chrome-refresh | Abilita il nuovo design di Chrome denominato “Chrome Refresh”.userChrome.theme-chrome-refresh | Abilita una nuova combinazione di colori come in “Chrome Refresh”.userChrome.theme-material | Abilita combinazioni di colori dei materiali.userChrome.theme-default | Abilita la combinazione di colori predefinita. Questo può essere utile se desideri utilizzarlo con Adaptive Tab Bar Color o temi nativi di FirefoxuserChrome.ui-compact-url-bar | Rendi la barra degli URL più compatta riducendone l’altezza.userChrome.ui-context-menu-icons | Visualizza le icone del menu contestuale.userChrome.ui-no-menu-icons | Nascondi le icone del menuuserChrome.ui-force-animation | Forza l’abilitazione del controllo dell’animazione, perché rispetta la preferenza di disabilitazione dell’animazione dell’utente per impostazione predefinita. (Non richiesto se non disabiliti l’animazione)userChrome.ui-force-old-icons | Forza l’utilizzo delle vecchie icone anche se la preferenza userChrome.ui-chrome-refresh è abilitata.userChrome.ui-no-ripple | Disabilita l’effetto a catena dai pulsanti
