Jak změnit vzhled oranžové lišty ve Firefoxu

Miluji způsob, jakým lze Firefox přizpůsobit. Myslím, že v prohlížeči není nic, co nelze změnit nebo upravit podle požadavků a pohodlí uživatele. Zatímco na funkčním konci about: config preference mohou být vylepšeny tak, aby dosáhly téměř všeho, na estetické frontě máme komponenty CSS, které lze definovat tak, aby modifikovaly vzhled rozhraní.

Budeme zvažovat oranžové tlačítko Firefoxu, které je umístěno v levém horním rohu prohlížeče, a uvidíme, jak lze změnit jeho vzhled a dojem. Podívejte se například na obrázek (níže) a poznamenejte si, jak jsem změnil barvu z oranžové na červenou, text z bílé na černou a z Firefoxu na. Zajímavé, že?

Takto můžete provést podobné změny.

Kroky k přizpůsobení vzhledu tlačítka Firefox

Každý profil, který vytvoříte v prohlížeči Firefox, má k němu přidružený soubor CSS. Účelem je, aby uživatelské vstupy měnily zobrazení prohlížeče. V procesu vám také řekneme, jak tento soubor najít nebo vytvořit, pokud neexistuje.

Krok 1: Otevřete Firefox a přejděte na Firefox (oranžové tlačítko) -> Nápověda -> Informace o řešení problémů.

Krok 2: Bude spuštěna nová karta. Vyhledejte sekci Základy aplikace. Chcete-li se dostat do své profilové složky, klikněte na tlačítko Zobrazit složku. Doporučujeme otevřít složku s profilem odtud, protože pokud existuje více profilů, možná nevíte, který z nich se používá.

Krok 3: Ve vašem adresáři profilu najdete složku nazvanou chrome. Pokud to nemůžete najít, můžete si jej vytvořit.

Krok 4: V této složce by měl být soubor s názvem userChrome.css. Jméno by mělo být přesně tak, jak je zde napsáno.

Pokud ji znovu nenajdete, můžete ji vytvořit. Pokud ano, pokračujte krokem 7. Jinak pokračujte krokem 5.

Krok 5: Klikněte pravým tlačítkem myši na prázdné místo a vytvořte nový -> textový dokument. Po dokončení otevřete soubor pomocí programu Poznámkový blok.

Krok 6: Nyní přejděte do souboru a uložit jako dokument jako userChrome.css. Ujistěte se, že jste změnili možnost Uložit jako typ na Všechny soubory ve spodní části dialogového okna Uložit. Klikněte na Uložit a zavřete dokument.

Krok 7: Otevřete soubor userChrome.css pomocí programu Poznámkový blok. Jednoduše klikněte pravým tlačítkem na soubor a zvolte Otevřít v -> Poznámkový blok.

Krok 8: Zkopírujte níže uvedený fragment kódu (jak je) a připojte jej k souboru. Uložte změny.

@namespace url („http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul“);

# appmenu-button {

pozadí: # oranžová ! důležité;

}

# appmenu-button dropmarker: before {

obsah: „ Firefox “! důležité;

barva: # FFFFFF ! důležité;

}

# appmenu-button.button-text {

displej: žádný! důležitý;

}

Všimněte si kousků tučně. Představují barvu tlačítka, text a barvu textu. Chcete-li změnit vzhled tlačítka, můžete tyto hodnoty upravit. Zde je kód, který odpovídá obrázku, který jste viděli na začátku.

Pokud nevíte o hexadecimálních kódech, můžete odkazovat na tento odkaz. Nebo to můžete zkontrolovat.

Závěr

Tato změna je jen menší. Pokud dokážete tyto kódy ovládat, budete moci v prohlížeči Firefox něco změnit. Pokud máte některé z těch, které jste používali po všechna ta léta, sdílejte s našimi čtenáři a pomáhejte přivést úsměvy uživatelům Firefoxu pro začátečníky.