Jak získat motiv materiálového designu Google Chrome v prohlížeči Firefox

Pokud se vám nelíbí vzhled hranatých rohů na kartách ve Firefoxu, můžete jim dát zaoblený vzhled uživatelského rozhraní Material Design Chrome.

Pokud se vám nelíbí vzhled čtvercerohy na kartách ve Firefoxu, můžete jim dát zaoblený vzhled uživatelského rozhraní Material Design Chrome. Můžete také dát zaoblené konce na adresní řádek a převést ikony panelu nástrojů Firefoxu na ikony Material Design. Dnes vám ukážeme, jak ve Firefoxu můžete získat uživatelské rozhraní Material Design Chrome.

Před přepnutím do uživatelského rozhraní Material Design

Před použitím uživatelského rozhraní Material Design ve Firefoxu vypadají karty a ikony Firefoxu takto:

Nyní použijeme uživatelské rozhraní Material Design na Firefox a dostaneme zaoblené rohy a ikony materiálového designu.

Stáhněte a extrahujte požadované soubory

Stáhněte si soubor zip MaterialFox a získejte požadované soubory.

Klikněte na Klonovat nebo stáhnout na webové stránce a poté klikněte na Stáhnout ZIP. Uložte soubor do složky na pevném disku.

Extrahujte soubory pomocí vestavěného nástroje pro extrakci v systému Windows nebo pomocí nástroje jiného výrobce, jako je 7-Zip nebo WinZip.

Pokud používáte integrovaný extrakční nástroj systému Windows, klikněte na Procházet vyberte umístění pro stahování.

Zkontrolovat Zobrazit extrahované soubory po dokončení Po dokončení extrakce otevřete okno Správce souborů přímo do stažené složky. Klepněte na Výpis.

Otevřete složku profilu Firefoxu

Budeme kopírovat chrom složka z MaterialFox-master složku, kterou jsme stáhli. The chrom složka obsahuje userChrome.css soubor používaný k použití uživatelského rozhraní Material Design na Firefox. Nejprve se však podívejme, zda již máte chrom složku a svůj vlastní zvyk userChrome.css soubor ve složce s profilem Firefoxu.

Chcete-li otevřít složku profilu, zadejte (nebo zkopírujte a vložte) následující cestu do adresního řádku v Průzkumníku souborů a stiskněte klávesu Enter.

% appdata% MozillaFirefoxProfiles

Složku s profilem můžete také otevřít z prohlížeče Firefox.

Typ: about: support v adresním řádku a stiskněte Vstoupit.

Nebo můžete jít na Nabídka Firefox> Nápověda> Informace o odstraňování problémů a pak pod Základy aplikace, klikněte Otevřená složka vedle Složka profilu.

Váš profil Chrome se otevře v novém okně Průzkumníka souborů. Nechte toto okno otevřené.

Upravte existující soubor userChrome.css

Pokud ve složce profilu ještě nemáte chromovou složku, přejděte k další části.

Pokud máte chrom složku ve složce profilu a userChrome.css soubor ve složce Chrome, potom upravíme existující userChrome.css soubor. Tímto způsobem neztratíte žádná přizpůsobení, která jste již použili.

The MaterialFox-master stažená složka obsahuje a chrom složka s a userChrome.css soubor v něm. Otevřete to userChrome.css soubor v textovém editoru, jako je Poznámkový blok, zkopírujte vše, co je v něm, a zavřete soubor.

Poté otevřete svůj vlastní userChrome.css soubor (v souboru chrom složka ve složce profilu) v textovém editoru. Vložte text, který jste zkopírovali na konec souboru userChrome.css soubor a uložte a zavřete soubor.

Zkopírujte a vložte staženou složku Chrome

Pokud ještě nemáte chrom složku ve složce profilu, otevřete nové okno Průzkumníka souborů a poté otevřete MaterialFox-master složku, kterou jste extrahovali.

Zkopírujte chrom složka v MaterialFox-master složku.

Vraťte se do okna Průzkumníka souborů s otevřenou složkou profilu.

Vložte chrom složku, kterou jste zkopírovali z MaterialFox-master složku do složky profilu.

Opravte černé záložky a podivně vypadající ikony

Otevřete Firefox a podívejte se na výsledek nového nastavení uživatelského rozhraní Material Design.

Všimnete si, že karty jsou černé a ikony vypadají divně.

Tento problém vyřešíme pomocí nastavení konfigurace prohlížeče Firefox.

Typ: about: config v adresním řádku Firefoxu a stiskněte Vstoupit. Zobrazí se varovná zpráva.

Klikněte na Přijímám riziko! pokračovat.

Typ: svg.context v Vyhledávání box. Zobrazí se následující předvolba:

svg.context-properties.content.enabled

Tato předvolba je nastavena na Nepravdivé ve výchozím nastavení, což znamená, že je deaktivováno.

Chcete-li funkci povolit, poklepejte na ni a změňte její hodnotu na skutečný. Můžete také kliknout pravým tlačítkem na předvolbu a vybrat Přepnout.

Nyní přepněte na jinou kartu nebo restartujte Firefox. Černé karty a podivně vypadající ikony jsou opraveny.

Ukažte barvu Windows 10 Accent Color na záhlaví Firefoxu

Ve Windows 10 je třeba změnit ještě jednu věc, pokud chcete, aby záhlaví a neaktivní karty ve Firefoxu nebyly černé.

Klikněte na Nastavení v nabídce Start a přejděte na Personalizace> Barvy.

Zkontrolovat Záhlaví a okraje okna box pod Zobrazit barvu zvýraznění na následujících površích.

Užijte si uživatelské rozhraní Material Design ve Firefoxu

Nyní mají karty pěkné zaoblené rohy a ikony vzhled Material Design. A záhlaví a neaktivní karty mají barvu zvýraznění, kterou jste vybrali v nastavení systému Windows 10.

Odinstalujte uživatelské rozhraní Material Design z Firefoxu

Pokud se rozhodnete, že se chcete vrátit do ostrých rohů na kartách a původních ikonách ve Firefoxu, je to snadné. Proveďte jeden z následujících úkonů:

• Pokud jste zkopírovali chrom složka z MaterialFox-master složku do složky profilu, smažte tuto složku chrome.
• Pokud jste zkopírovali text z userChrome.css soubor v MaterialFox-master složku a vložte ji do své vlastní userChrome.css soubor, otevřete svůj userChrome.css soubor a odstraňte text, který jste do něj vložili.