Personnaliser Firefox 57 avec CSS

0
205

CSS personnalisé pour Fx est une collection de styles CSS pour Firefox 57 et plus récent par l’auteur de la populaire add-on Firefox Thème Classique Restaurateur.

Firefox 57 ne supportent pas de Thème Classique Restaurateur ou toute autre interface de modification des extensions ou des thèmes plus à cause de la passer à un WebExtensions système exclusif. La nouvelle WebExtensions système empêche les modifications apportées à l’interface utilisateur du navigateur en ne fournissant pas des Api pour les développeurs d’extensions.

La seule option qui reste pour les utilisateurs de Firefox pour modifier l’INTERFACE utilisateur, en dehors de ce que Mozilla propose nativement dans Firefox, est d’utiliser les CSS.

Les utilisateurs de Firefox qui savent leur manière autour de CSS peut modifier les fichiers CSS manuellement pour modifier leur version du navigateur web. La plupart des utilisateurs de Firefox sur l’autre main n’est probablement pas, et c’est là CSS Personnalisé pour Fx entre en jeu.

Personnaliser Firefox 57 avec CSS

classic firefox 57

Le projet est hébergé sur GitHub, et il est maintenu par Aris qui est connu pour Firefox add-ons tels que Thème Classique Restaurateur et NoiaButtons. Thème classique Restaurateur a été créé comme une réponse à l’interface Australis que Mozilla a lancé dans Firefox 29. L’extension ne fonctionne pas dans Firefox 57 ou plus récent plus parce que Mozilla a chuté de prise en charge des anciens add-ons dans cette version de Firefox, et ne pas mettre en oeuvre les capacités de modifier l’interface utilisateur comme WebExtensions API.

La page d’accueil du projet propose des informations sur l’emplacement du dossier de profil de Firefox navigateur web, et en utilisant les styles de modifier Firefox.

La façon la plus facile de localiser le dossier de profil est en chargement about:support dans la barre d’adresse du navigateur, et en cliquant sur “ouvrir le dossier” en vertu de l’Application de notions de base > Dossier de Profil.

Vous devez créer un dossier appelé chrome si elle n’existe pas dans la racine du répertoire de profil. Une fois cela fait, copier le contenu de l’archive dans ce dossier. Assurez-vous que userChrome.css et userContent.css se trouvent à la racine du dossier chrome.

C’est tout ce qui doit être fait pour ajouter ces styles personnalisés pour Firefox. Il y a cependant une autre étape que vous pouvez prendre, et qui consiste à personnaliser les réglages.

L’ensemble par défaut des réglages peut plaire à certains utilisateurs, mais les fichiers CSS venir avec des options pour activer ou désactiver les différents réglages pour modifier l’interface.

userchrome css firefox styles

Ouvrez le userChrome.fichier css dans un simple éditeur de texte. Le fichier utilise le @import de commande pour importer le réel des styles CSS à partir des fichiers CSS. Ceci est fait pour maintenir les principaux userChrome.css ranger et de le rendre plus facile pour les utilisateurs de Firefox de le modifier.

Lire aussi: WebExtension Vimium-FF apporte Vim-comme les contrôles de Firefox

Les lignes qui commencent par /* sont commentés et la CSS de fichiers liens ne sont pas importés à cause de cela.

Ce que vous devez faire est de parcourir la liste, une section à la fois pour déterminer laquelle de ces réglages que vous souhaitez activé dans Firefox.

Vous déchargez les réglages par ajout /* au début de la ligne et */ à l’arrière. De même, vous supprimez /* à l’avant et */ à l’arrière pour permettre un réglage.

Voici la liste des tweaks qui est disponible dès maintenant:

  • Modifier la navigation boutons de barre d’outils.
  • Permettre au Carré boutons
  • Changement d’apparence de l’icône
  • Changer le bouton d’application popup.
  • Modifier le menu des signets et popup apparence.
  • Les anciens signets de la barre d’outils apparence de bouton
  • Les autres paramètres du bouton (bouton masquer les boutons précédent et suivant séparés histoire des popups, des boutons de zoom cacher reset).
  • Personnalisé boutons précédent et suivant de l’apparence
  • Application/hamburger bouton sur la barre d’outils de navigation
  • Application/hamburger bouton Firefox barre de titre (Windows uniquement)
  • Les onglets de l’apparence (le style, la position de la barre d’outils, par exemple en dessous des barres d’outils (lire: les onglets pas sur le dessus), titre de l’onglet, icônes, et plus encore.
  • Modifier la barre de recherche, le contexte des menus, des icônes, et d’autres barres d’outils.
  • Changer le style de la barre d’adresse.

Certains de ces auto-explicatif. D’autres ne le sont pas, mais vous avez deux options quand il s’agit de ces. Soit de les activer et de les vérifier directement ou ouvrez le fichier CSS qui est chargé de trouver ce qu’ils font. Ce dernier nécessite quelques connaissances en CSS.

Le userContent.fichier css utilise la même mise en page. Elle importe des fichiers CSS, et c’est à vous d’activer ou de désactiver une de ces.

Une liste de suggestions interface native réglages et about:config réglages sont fournis par le projet afin de modifier l’apparence de Firefox plus loin.

Le Mot De La Fin

CSS personnalisé pour Fx offre beaucoup de modification de l’interface de Firefox 57 de l’interface qui ne peut pas être fait en utilisant des extensions ou à l’aide de fonctionnalités intégrées. Existants les utilisateurs de Firefox peuvent trouver utile, en particulier si elles ont utilisé Thème Classique Restaurateur ou un comparable add-on jusqu’à maintenant.

Les mises à jour sont publiées régulièrement par Aris, c’est bon non seulement pour les nouvelles fonctionnalités qui peut être présenté par à-coups, mais aussi de garder les modèles compatibles avec les nouvelles versions de Firefox.