FAQ de TB (userChrome.css)  
Dernière mise à jour : 17.10.23


  • Le fichier userChrome.css

  • C'est quoi ?

  • Nouveau avec TB115 des commandes ne sont plus reconnues!
            En effet les programmateurs ont décidés d'abandonner progressivement le langage
            XUL au profil du HTML.Voir ici la publication d'Alessandro

    C'est un fichier texte dans lequel on inscrit ses préférences de styles.
    (Dreamweaver et autres concepteurs de sites web utilisent aussi un fichier .css).
    L'extension .css signifie : Cascading Style Sheet.
    Ce fichier définit et impose les règles d'affichage pour les différents éléments de l'interface utilisateur
    Pour Firefox voir ici.


    A savoir :
    1. Depuis Thunderbird 78 il faut maintenant activer l'accès à ce fichier dans about:config
          (via l'éditeur de configuration)
          Pour cela mettre toolkit.legacyUserProfileCustomizations.stylesheets à True

    Capture 1
    Captures/TBird/toolkit.legacyUserProfile.png

    2. Certains codes peuvent ne pas fonctionner suivant la version de Thunderbird utilisée !
    3. Et il est conseillé de désactiver (provisoirement) les autres extensions, ainsi que d'utiliser le thème par défaut.


  • Ca sert à quoi ?
  • Comment le créer ?
  • Ou le mettre ?
  • Que peut-on faire exactement avec ?
  • Quelles sont les options possibles ?


  • Retour à la FAQ       
    Dernières mise à jour :
  • A quoi sert-il ?

  • A modifier l'interface (de Firefox / Thunderbird/Lightning/SeaMonkey/Sunbird/) en personnalisant :

  • la couleur des dossiers.
  • les icones des dossiers.
  • les icones de l'interface.
  • les lignes marquées d'une étiquette
  • la couleur des arrière-plans (ou mettre une image)
  • l'affichage des menus (ex: en supprimant certains menus).
  • etc...ect...

  • A savoir: Si vous faîtes référence à des images (pour les icônes par exemple) il faudra mettre ces images
        dans le dossier chrome.




  • Comment le créer ?
  • Ou le mettre ?
  • Que peut-on faire exactement avec ?
  • Quelles sont les options possibles ?

  • Retour à la FAQ       
    Dernières mise à jour :
  • Comment le créer ?

  • Rien de plus simple pour créer ce fichier userChrome.css.
  • 1. Créez un fichier texte à l'aide d'un éditeur de texte (Bloc note ou notepad++.exe)
    Perso j'utilise Notepad++.exe que je conseille (très simple, gratuit, garde en mémoire les derniers fichiers ouverts,
    met en couleur les lignes de codes et est accessible directement par le clic droit souris).
    Voir ici pour le téléchargement et le mode d'emploi de Notepad++

  • 2. Ecrivez les lignes de code dans ce fichier. Des exemples ici.
  • A savoir:
  • Les lignes qui sont entre /* et */ ne sont pas prises en compte.
    Ce sont des commentaires et ne pas hésiter à en mettre.
  • (à supprimer depuis TB60) Laissez obligatoirement cette ligne en début de fichier
    (à supprimer depuis TB60) @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  • 3. Si vous faîtes référence à des images (pour les icônes par exemple) il faudra mettre ces images dans le dossier chrome.
  • 4. Le sauvegarder dans le dossier chrome (attention à la "casse" sous Linux) de ton profil en lui donnant le nom de: userChrome.css


  • Ou le mettre ?
  • Que peut-on faire exactement avec ?
  • Quelles sont les options possibles ?

  • Retour à la FAQ       
    Dernières mise à jour : 24.10.18
  • Ou mettre le fichier userChrome.css ?

  • Une fois le fichier créé il faut le mettre dans le dossier chrome de SON profil. *
    Si le dossier chrome (attention à la "casse" sous Linux) n'existe il faudra le créer depuis l'explorateur Windows (voir plus haut).

    A savoir: Si vous faîtes référence à des images (pour les icônes par exemple) il faudra mettre ces images
        dans le dossier chrome.


    Capture 1
    Captures/Windows/expl_doss_chrome.png

    * Je dis bien SON "profil" et non dans le dossier Profiles


  • Que peut-on faire exactement avec ?
  • Quelles sont les options possibles ?

  • Retour à la FAQ       
    10.06.17-Dernières mise à jour : 25.01.23 (TB102/TB115)
  • Que peut-on faire exactement avec ?

  • Pratiquement tout ce qui touche l'interface graphique de Thunderbird/SeaMonkey ou de Firefox, à condition bien sur de connaître la ligne de code à modifier ! Pour cela (avec les dernières versions) il faut passer par les outils de développement.
    Capture 1
    Captures/TBird/outi_outi_deve_boit_outils.png


    Capture 2 - Validez
    Captures/TBird/outi_outi_deve_boit_outils2.png


    Capture 3 - Résultat
    Captures/TBird/outi_outi_deve_boit_outils3.png


    Petit rappel:
  • Certains codes peuvent ne pas ne fonctionner suivant la version de Thunderbird!
    Et il est conseillé de désactiver les extensions, ainsi que d'utiliser le thème par défaut.

  • Voici quelques exemples (je n'ai pas tout testé avec TB115):
  • Afficher...
  • » les flêches pour changer la "vue" des dossiers (NON AVEC TB115).
  • Arrondir...
  • » les onglets et changer la couleur des AR-Plans (ok TB115).
  • Augmenter...
  • » la taille de la "police" de la ligne Sujet (ok TB115).
    » la taille de la "police" des caractères (ok TB60).

  • Cacher... voir Masquer...

  • Changer...
  • » de place (monter) la barre de menus (ok TB115).
    » la couleur des "bulles" indiquant les non lus (liste des comptes) (ok TB115).
    » la densité du texte dans la liste des comptes (ok TB115).
    » la taille de la "police" des caractères (ok TB60).
    » les icônes des dossiers

  • Changer la couleur...
  • » de l'arrière-plan des 3 barres supérieures (ok TB115).
    » l'arrière-plan des 3 boutons Mini/Maxi/Fermer(ok TB115).
    » de l'arrière-plan des lignes marquées d'un étiquette (ok TB102).
    » de l'arrière-plan de la liste des comptes(ok TB115) .
    » de l'arrière-plan (et du texte) des boutons Écrire / Relever / Étiquettes... (ok TB115).
    » de l'arrière-plan (+ texte) des boutons Envoyer/Chiffrer/Orthographe/Enregistrer/Joindre (ok TB115).
    » de l'arrière-plan (+ texte) des boutons Non lus/Suivis/Contacts/Étiquettes/Pièces jointes (ok TB115).
    » de l'arrière-plan (et du texte) des jours (vue mois) de Lightning.
    » de l'arrière-plan de la ligne "Sujet" (dans entête) (ok TB115).
    » de la barre de Ceci est un brouillon (ok TB115).
    » de la barre de xxx a demandé de recevoir une notification.....(ok TB115).
    » de la barre de notification des messages frauduleux (ok TB115).
    » de la police (et l'arrière-plan) de la ligne "Sujet" (ok TB115).
    » de la ligne "Sujet" des messages "Non lus"(ok TB115) .
    » des onglets (ok TB115).
    » des textes "Détacher/Suppimer" du menu des pièces jointes(ok TB115) .
    » des événements de Lightning suivant la catégorie.

    » du nom d'un dossier de son choix.
    » de tous les noms de dossier d'un compte de son choix.
    » du nom des dossier (bleu) ou il y a des messages non lu (ok TB102).
    » du nom des dossier (rouge) lors de l'arrivée d'un nouveau message (ok TB102).
    » du texte de la ligne "Copie cachée à (dans entête) (ok TB115).
    » du texte de la ligne "Sujet" (dans entête) (ok TB115).
    » du texte des "Onglets" (Agenda et Carnet d'adresses) (ok TB115).
    » du texte du bouton de Envoyer l'accusé de réception ((ok TB115).
    » du texte du bouton de Ignorer la demande (ok TB115).
    » dans le panneau: Événements de Lightning.

  • Masquer...
  • » le bouton (+ le label) Archiver
    »
    la CROIX de fermeture (ok TB60) .
    » le panneau des entêtes des messages(ok TB60) .
    » les lignes d'info des entêtes de message (ok TB60).

  • Masquer le menu:
  • » Fichier en entier.
    » Édition en entier.
    » Affichage en entier.
    » Gérer les filtres de messages.
    » Notes de version, de: ?
    » Outils et ses sous-menus (ok TB60).
    » Paramètres du compte et Créer un nouveau compte (ok TB60).
    » Propriétés, de: clic droit.
    » Rechercher des mises à jour, de: ?
    » Fichier, Édition, Affichage.
    » Paramètres du compte/Créer compte et Propriétés.

  • Mettre...
  • » la barre d'icones supérieure en dessous (ok TB115).
    » les onglets en dessous de la barre d'outils (comme TB10).
    » une image en arrière-plan des barres d'outils.

  • Mettre en couleur...
  • » l'arrière-plan de la ligne "Sujet" (entête)(ok TB115).
    » l'arrière-plan (et du texte) boutons Écrire / Relever / Étiquettes...(ok TB1115).
    » l'arrière-plan (+ texte) des boutons Envoyer/Chiffrer/Orthographe/Enregistrer/Joindre (ok TB115).
    » l'arrière-plan des 3 boutons Mini/Maxi/Fermer(ok TB115).
    » l'arrière-plan des dossiers (ok TB115).
    » l'arrière-plan (blanc) des adresses (en rédaction).
    » l'arrière-plan des messages.
    » la ligne "Sujet" des messages "Non lus" (ok TB91).
    » le nom d'un dossier de son choix.
    » les noms (bleu) des dossiers non lu (ok TB102).
    » tous les noms de dossier d'un compte de son choix.
    » les noms (rouge) des dossiers avec un nouveau message (ok TB102).
    » les lignes marquées d'une étiquette (ok TB102).

  • Modifier...
  • » la densité du texte dans la liste des comptes (ok TB115).
    » la taille de la "police" des caractères (ok TB60)

    » les icônes des dossiers

  • Modifier la couleur...
  • » de l'arrière-plan des adresses (en rédaction).
    » la couleur arrière-plan des 3 barres supérieures (ok TB115).
    » l'arrière-plan des 3 boutons Mini/Maxi/Fermer(ok TB115).
    » de l'arrière-plan (et du texte) boutons Écrire / Relever / Étiquettes...(ok TB1115).
    » de l'arrière-plan (+ texte) des boutons Envoyer/Chiffrer/Orthographe/Enregistrer/Joindre (ok TB115).
    » de l'arrière-plan (+ texte) des boutons Non lus/Suivis/Contacts/Étiquettes/Pièces jointes (ok TB115).
    » de l'arrière-plan des dossiers (ok TB1115).
    » de l'arrière-plan des jours (vue mois) de Lightning.
    » de l'arrière-plan des messages .
    » de la ligne "Sujet" des messages "Non lus" (ok TB115) .
    » des onglets (ok TB115).

    » des textes "Détacher/Suppimer" du menu des pièces jointes(ok TB115) .
    » du texte de la ligne "Sujet" (dans entête) (ok TB115).
    » du texte des "Onglets" (Carnet d'adresses et Agenda) (ok TB115).
    » des évenements suivant la catégorie (Lightning)? .
    » des événements de Lightning suivant catégorie.
    » dans le panneau : Événements de Lightning.

    » la couleur du texte du bouton de Envoyer l'accusé de réception (ok TB115).
    » la couleur du texte du bouton de Ignorer la demande (ok TB115).
    » la couleur de la barre de xxx a demandé de recevoir une notification..... (ok TB115).
    » la couleur de la barre de notification des messages frauduleux (ok TB115).
    » la couleur de la barre de Ceci est un brouillon (ok TB115)

  • Personnaliser...
  • » les icônes des dossiers

  • Personnaliser la couleur...
  • » dans le panneau: Événements de Lightning.

    » de l'arrière-plan des 3 barres supérieures (ok TB115).
    » de l'arrière-plan (et du texte) boutons Écrire / Relever / Étiquettes...(ok TB1115).
    » de l'arrière-plan (+ texte) des boutons Envoyer/Chiffrer/Orthographe/Enregistrer/Joindre (ok TB115).
    » de l'arrière-plan (+ texte) des boutons Non lus/Suivis/Contacts/Étiquettes/Pièces jointes (ok TB115).
    » de l'arrière-plan des jours (vue mois) de Lightning.

    » du bouton de Envoyer l'accusé de réception (ok TB115).
    » du texte du bouton de Ignorer la demande (ok TB115).
    » de la barre de xxx a demandé de recevoir une notification..... (ok TB115).
    » de la barre de notification des messages frauduleux (ok TB115).
    » de la barre de Ceci est un brouillon (ok TB115).
    » des textes "Détacher/Suppimer" du menu des pièces jointes(ok TB115) .

    » des événements de Lightning suivant la catégorie.

  • Reduire...
  • » la densité du texte dans la liste des comptes (ok TB115).

  • Remettre...
  • » en blanc l'arrière-plan des adresses (en rédaction).
    » les flêches pour changer la "vue" des dossiers (ok TB68).
    » les onglets en dessous de la barre d'outils (comme TB10)

  • Remplacer...
  • » les icônes des dossiers

  • Supprimer..
  • » l'arrière-plan en couleurs des adresses (en rédaction).
    » le panneau des entêtes de message (ok TB60).


    Pour le code hexadécimal des couleurs voir » ici « , ou » ici « , ou encore » ici « .

    Le masquage des menus peut-être très utile dans une entrepise pour éviter toutes les fausses manips.
    Certains codes n'ont été testés qu'avec TB2 mais cela ne veut pas dire qu'ils ne fonctionnent
    pas avec TB3 ( et supérieur ).

    Il existe évidement les mêmes possibilités pour Firefox et SeaMonkey.
    Voir les 75 pages d'Ottomar, de FF_olivier et d'autres.
    Ainsi que le post de Nico@nc.

    Bonne lecture


  • Quelles sont les options possibles ?
  • Retour à la FAQ       

    Dernières mise à jour :
  • Quelles sont les options possibles ?

  • Voici de nombreux exemples(englais) oû j'ai puisé quelques infos.

    Pour Firefox voir les 75 pages d'Ottomar, de FF_olivier et le post de Nico@nc - (toutes assez anciennes).

    Bonne lecture




    Retour à la FAQ       
    Malgré toutes ces informations, je n'ai pas trouvé de réponse ou puis-je poser ma question ?
    R-sur le forum de Geckozone
    Des bénévoles vous aideront (et un petit bonjour en début de message sera le bienvenu ), mais avant faites une recherche sur le forum au cas ou votre question aurait déjà été posée(et peut-être solutionnée!)