Obtenez une barre de titre Firefox colorée dans Windows 10

Mozilla a récemment publié Firefox 40, qui propose un thème mis à jour pour Windows 10. Ce thème a été créé dans le but d'avoir une meilleure apparence, plus utilisable sous Windows 10. Mais si vous avez déjà activé les barres de titre colorées dans Windows 10, ce thème devient trop blanc. Voici un correctif pour ce problème, qui vous permettra d'avoir une barre de titre Firefox colorée dans Windows 10 qui correspond au reste des couleurs du système d'exploitation.

Si vous avez activé la barre de titre colorée dans Windows 10 en utilisant Ce thème, Aéro Lite ou avec Winaero Tweaker, la fenêtre de Firefox 40 deviendra blanche au lieu de grise !
Firefox avec le thème Windows 10 par défaut :

Firefox avec le thème des barres de titre colorées activé dans Windows 10 :

Il est possible de obtenir une barre de titre colorée dans Firefox sous Windows 10. Suivez les instructions ci-dessous :

1. Créer un nouveau userChrome.css fichier comme décrit dans l'article suivant: Désactiver les icônes dans le menu contextuel de Mozilla Firefox.
   En bref, vous devez effectuer les opérations suivantes :
   • Ouvrez Firefox et appuyez sur la touche ALT du clavier.
   • Le menu principal s'affichera. Allez dans Aide ->Informations de dépannage.
   • Dans la section « Principes de base de l'application », cliquez sur le bouton « Afficher le dossier » pour ouvrir le dossier de votre profil.
   • Une fois qu'il s'ouvre, créez un nouveau dossier ici appelé "Chrome".
   • Ouvrez le dossier que vous venez de créer. Ici, vous devez créer un fichier appelé userChrome.css.
2. Pour créer le fichier userCrhome.css, utilisez le Bloc-notes. Ouvrez le Bloc-notes et collez le texte suivant :

   #main-window { background-color: transparent !important; } #titlebar-buttonbox .titlebar-button { background-color: transparent !important; } #titlebar-buttonbox #titlebar-min:-moz-any(:hover,[open]), #titlebar-buttonbox #titlebar-max:-moz-any(:hover,[open]) { background-color: hsla (210,4%,10%,.08) !important; } #titlebar-buttonbox #titlebar-close:-moz-any(:hover,[open]) { background-color: hsla (360,100%,50%,.4) !important; }

   Enregistrez le fichier dans le dossier Chrome que vous avez créé en saisissant son nom entre guillemets :

3. Maintenant, redémarrer Firefox.

Voici à quoi ressemblera votre navigateur Firefox:

Remarque, si vous avez utilisé Winaero Tweaker ou un tweak de registre pour réduire les barres de titre de la fenêtre dans Windows 10, vous obtiendrez une barre de titre cassée! Les boutons ressembleront à ceci :

Pour y remédier, ajoutez le code suivant à votre userChrome.css :

	#titlebar-buttonbox .titlebar-button .toolbarbutton-icon{ affichage: aucun !important; }

Votre fichier userChrome doit avoir le contenu suivant :

#main-window { background-color: transparent !important; } #titlebar-buttonbox .titlebar-button { background-color: transparent !important; } #titlebar-buttonbox #titlebar-min:-moz-any(:hover,[open]), #titlebar-buttonbox #titlebar-max:-moz-any(:hover,[open]) { background-color: hsla (210,4%,10%,.08) !important; } #titlebar-buttonbox #titlebar-close:-moz-any(:hover,[open]) { background-color: hsla (360,100%,50%,.4) !important; } #titlebar-buttonbox .titlebar-button .toolbarbutton-icon{ display: none !important; }

Voici votre barre de titre Firefox qui semble à nouveau normale :

Si vous n'avez pas modifié vos barres de titre, n'ajoutez pas le dernier bloc de code !

Vous pouvez télécharger les fichiers userChrome.css prêts à l'emploi ici :

Téléchargez userChrome.css prêt à l'emploi

C'est ça. N'hésitez pas à partager votre avis dans les commentaires.