Prispôsobte si Firefox 57 pomocou CSS

Custom CSS for Fx je zbierka štýlov CSS pre Firefox 57 a novších od autora populárneho doplnku Firefox Classic Classic Restorer.

Firefox 57 už nebude podporovať Classic Restorer ani žiadne iné rozšírenie, ktoré mení alebo rozširuje rozhranie z dôvodu prechodu na exkluzívny systém WebExtensions. Nový systém WebExtensions zabraňuje zmenám používateľského rozhrania prehliadača tým, že vývojárom rozšírení neposkytuje API.

Jedinou možnosťou, ktorú ponechajú používatelia Firefoxu na zmenu používateľského rozhrania, okrem toho, čo Mozilla natívne poskytuje vo Firefoxe, je použitie CSS.

Používatelia prehliadača Firefox, ktorí poznajú cestu okolo CSS, môžu manuálne upravovať súbory CSS, aby mohli upraviť svoju verziu webového prehľadávača. Väčšina používateľov prehliadača Firefox na druhej strane pravdepodobne tak neurobí a práve tu prichádza do hry Custom CSS for Fx.

Prispôsobte si Firefox 57 pomocou CSS

Projekt je hostený na serveri GitHub a spravuje ho Aris, ktorý je známy obľúbenými doplnkami Firefoxu, ako sú Classic Theme Restorer a NoiaButtons. Classic Theme Restorer bol vytvorený ako reakcia na rozhranie Australis, ktoré Mozilla spustila v prehliadači Firefox 29. Rozšírenie nebude fungovať vo Firefoxe 57 alebo novšom, pretože Mozilla v tejto verzii Firefoxu zrušila podporu pre staršie doplnky v tejto verzii a nezaviedla možnosti. upraviť používateľské rozhranie ako rozhranie WebExtensions API.

Úvodná stránka projektu ponúka informácie o umiestnení profilovej zložky webového prehľadávača Firefox a o použití upravených štýlov na úpravu Firefoxu.

Najjednoduchší spôsob, ako nájsť priečinok s profilom, je načítanie adresy about: support do panela s adresou prehliadača a kliknutím na tlačidlo „Otvoriť priečinok“ v časti Základy aplikácií> Priečinok s profilom.

Ak neexistuje priečinok s adresárom profilu, musíte vytvoriť priečinok s názvom chrome. Po dokončení skopírujte obsah archívu do tohto priečinka. Uistite sa, že userChrome.css a userContent.css sú umiestnené v koreňovom adresári priečinka chrome.

Toto všetko je potrebné urobiť, ak chcete do prehliadača Firefox pridať tieto vlastné štýly. Možno však budete chcieť urobiť ďalší krok, a to prispôsobenie vylepšení.

Predvolená sada vylepšení môže byť pre niektorých používateľov príťažlivá, ale súbory CSS sa dodávajú s možnosťami, ako povoliť alebo zakázať rôzne vyladenia, aby ďalej zmenili rozhranie.

Otvorte súbor userChrome.css v textovom editore. Súbor pomocou príkazu @import importuje skutočné štýly CSS zo súborov CSS. Robí sa to preto, aby bol hlavný užívateľChrome.css čistý a aby používatelia prehliadača Firefox tento obsah jednoduchšie upravovali.

Riadky, ktoré začínajú / *, sú komentované a súbory CSS, na ktoré odkazujú, sa z tohto dôvodu nedovážajú.

Musíte prejsť zoznamom jednej sekcie a určiť, ktoré z dostupných vylepšení chcete povoliť v prehliadači Firefox.

Vylepšenia vyložíte pridaním / * pred riadok a * / vzadu. Podobne odstránite / * pred a * / vzadu, aby ste umožnili vyladenie.

Tu je zoznam vylepšení, ktoré sú teraz k dispozícii:

  • Upravte tlačidlá panela s nástrojmi navigácie.
  • Povoliť štvorcové tlačidlá
  • Zmena vzhľadu ikony
  • Zmeňte kontextové tlačidlo tlačidla aplikácie.
  • Zmeňte ponuku záložiek a kontextové okno.
  • Vzhľad tlačidla na starých paneloch záložiek
  • Ďalšie nastavenia tlačidiel (skryť predvoľby tlačidiel pre prepínanie tlačidiel dopredu, dozadu a dopredu oddelené kontextové okná, tlačidlá priblíženia skryť reset).
  • Vlastný vzhľad tlačidiel dozadu a dopredu
  • Tlačidlo aplikácie / hamburger na paneli nástrojov navigácie
  • Tlačidlo aplikácie / hamburger v záhlaví Firefoxu (iba Windows)
  • Vzhľad kariet (štýl, umiestnenie panela s nástrojmi napríklad pod panelmi s nástrojmi (čítanie: karty nie sú navrchu), názvy kariet, ikony a ďalšie.
  • Upravte vyhľadávací panel, kontextové ponuky, ikony a ďalšie panely s nástrojmi.
  • Zmeňte štýl panela s umiestnením.

Niektoré z nich sú samovysvetľujúce. Ostatné nie, ale máte dve možnosti, pokiaľ ide o tieto. Povoľte ich a priamo si ich vyskúšajte, alebo otvorte súbor CSS, ktorý sa načíta, aby ste zistili, čo robia. Ten však vyžaduje určité znalosti CSS.

Súbor userContent.css používa rovnaké rozloženie. Importuje súbory CSS a je len na vás, či ich povolíte alebo zakážete.

V zozname je uvedený zoznam navrhovaných vylepšení v natívnom rozhraní a tiež o: config vylepšeních, ktoré ďalej vylepšujú vzhľad Firefoxu.

Záverečné slová

Vlastný CSS pre Fx ponúka veľa úprav rozhrania pre rozhranie Firefox 57, ktoré nie je možné vykonať pomocou rozšírení alebo pomocou vstavaných funkcií. Existujúci používatelia prehliadača Firefox to môžu považovať za užitočné, najmä ak doteraz používali program Classic Theme Restorer alebo porovnateľný doplnok.

Aris pravidelne vydáva aktualizácie; to je dobré nielen pre nové funkcie, ktoré sa môžu predstaviť prostredníctvom vylepšení, ale tiež zachovať kompatibilitu štýlov s novými vydaniami Firefoxu.