Ajouter des couleurs aux barres d'outils Thunderbird

Fort de ses vingt ans de présence sur le web​ le client de messagerie Thunderbird a fait peau neuve avec une interface devenue  vieillissante au premier trimestre 2023.

Toutefois il est tout à fait possible de personnaliser en couleurs les barres d'outils de  Thunderbird .

Sommaire :
Avec un Thème.
Avec un userChrome.css.
Personnaliser la couleurs des barres d'outils.
Bonus.

---

Afficher la barre de menus :
Commencer par afficher la  barre de menus.
Cliquer droit en haut de Thunderbird.
Cliquer sur barre de menus.

Bonus :Astuce pour afficher la barre de menus :
alt + a
L' onglet Affichage s'affiche,cliquer sur ''Barre d'outils'' cocher toutes les barres dont la ''barre de menus''.

---

Avec les thèmes intégrés dans Thunderbird :
Le jeu de couleurs et l’image d’arrière-plan des barres d’outils peuvent être modifié en ajoutant un thème ou des modules complémentaires (extensions).

Cliquer sur Outils dans la barre de menus puis Paramètres ou directement en a gauche sur la roue dentelée.

Cliquer sur modules complémentaires et thèmes en bas à gauche.

3 thèmes sont proposés.
Si vous avez choisis un couleurs d'accentuation de Windows (Paramètres ==► Personnalisation ==►Couleurs ==►Personnaliser puis choisir une couleur dans la palette).

---

Sélectionner Thème système--automatique.
Cliquer sur --►Activer
Les menus, boutons  et fenêtres utiliseront les paramètres système définis.

---

Avec un thème choisi dans  modules complémentaires :
Se rendre sur la page des modules complémentaires.

==► Modules complémentaires

Cliquer sur --► Télécharger maintenant.

Fichier xpi :

Pour un fichier xpi
Ouvrir  Thunderbird.
Cliquer sur Outils dans la barre des menus puis Paramètres ou directement en bas à gauche sur la roue dentelée.
Cliquer sur  modules complémentaires et thèmes situé en bas à gauche.

Cliquer sur la roue dentelée en regard de la ligne ''Gestion de vos thèmes''.
Cliquer sur la ligne --►  Installer un module depuis un fichier.

L' explorateur s'ouvre, puis aller dans le dossier téléchargement (par défaut) et cliquer sur le fichier xpi.
Exemple ou le fichier xpi est téléchargé sur le Bureau :

En haut à droite cliquer sur --► Ajouter

Le thème a bien était ajouté (le nom du thème est Summersmile dans l'exemple).
Fermer puis relancer Thunderbird.

----

Pour supprimer le thème Thunderbird :
Recommencer la procédure si le thème n'apparaît pas.
Pour supprimer ou désactiver le thèmes revenir dans la page paramètres des thèmes ,cliquer sur ''Désactiver'' pour le remettre plus tard ou cliquer sur les petits points pour le ''supprimer'' définitivement.

D'autres thèmes :

==► Nouveaux thèmes extensions

==► Thèmes récents :

---

Avec un fichier userChrome :

Activer les  autorisations pour personnaliser Thunderbird avec le fichier userChrome :

Ouvrir Thunderbird.
Cliquer sur Outils dans la barre de menus puis cliquer sur la ligne Paramètres.
Ou cliquer sur la roue dentelée située en bas à gauche.

Dans l'onglet ''Général'' descendre tout en bas de la page et cliquer sur --► Éditeur de configuration …..

Dans la case ''Rechercher un nom de préférence'' faire un copier-coller --► toolkit.legacyUserProfileCustomizations.stylesheets
Sélectionner la valeur --►true
Faire un double clic sur ''false'' ou a droite cliquer sur les 2 flèches superposés.
Pour cela 2 solutions:
1) Faire un double clique sur  ''false' qui passera la valeur à ''true''.
2)A droite cliquer sur sigle des 2 flèches superposées. 

Avant :

Après :

Fermer Thunderbird.

---

Créer un dossier Chrome :

Ouvrir Thunderbird.
Cliquer sur ''Aide '' sur la barre de menus.
Cliquer sur la ligne --►Informations de dépannage
Descendre dans la page au menu ''Dossier de profil ''.
Cliquer sur --► Ouvrir le dossier correspondant (lecteur local).

Faire un clic droit puis cliquer  sur --►Nouveau dossier

Nommer le --► chrome

Fermer Thunderbird. 

---

Créer un fichier userChrome avec le bloc-notes :

Dans le champs de recherche sur la barre des tâches taper --► bloc-notes
Ou appuyer sur le logo Windows sur le clavier (en bas à gauche) ce qui ouvrira le bouton démarrer et taper ''bloc-notes'' dans la case Rechercher.
Cliquer sur --►Ouvrir

Une fois le bloc-notes ouvert cliquer sur --►Fichier
Puis cliquer sur --► Enregistrer sous

Sélectionner dans l'explorateur --► Bureau
Face à nom du fichier effacer --►*.txt

À la place faire un copier-coller --► userChrome.css
Cliquer sur --►Enregistrer

Fermer la croix du bloc-notes située en haut à droite.
Le fichier userChrome.css est créé. 

---

 Script de base userChrome :

Voici un script de base userChrome qui servira à modifier les couleurs de vos choix des barres d'outils.

-Changer la couleur de la barre de menu .
-Changer la couleur de la barre des onglets.
-Changer la couleur de la barre des icônes Relever Écrire Étiquette.

Ouvrir le fichier userchrome (le fichier userChrome s'ouvre avec le bloc note, si ce dernier ne s'ouvre pas,faire un clic droit sur le fichier userChrome et sélectionner Bloc notes dans la liste).

Télécharger  ou enregistrer ==► Script de base userChrome

Ou copier-coller le contenu du texte ci-dessous dans le fichier userChrome  vierge :

Contenu du texte dans le fichier userChrome  :

/*Modifier couleur texte et arrière-plan des boutons - ok TB115 */
   .unified-toolbar-button {
        color:yellow !important;
        font-weight: bold !important;
        background-color: #819FF7 !important;
    }
   .unified-toolbar-button:hover {
        color:black !important;
        font-weight: bold !important;
        background-color: #B0E0E6 !important;
    } 

/* Pour l'AR-Plan des SOUS-MENUS (ok avec TB115) */
      .scrollbox-clip {
          background: #85C630 !important;
      } 

/* Menu Bar */
#toolbar-menubar[toolbarname]:not([autohide="true"]) {
     background-color: #c189f5 !important;
     color:            White   !important;
}

---

Créer manuellement le contenu du fichier userChrome :

Copier-coller le contenu script de base dans le fichier userChrome crée.

/*Modifier couleur texte et arrière-plan des boutons - ok TB115 */
   .unified-toolbar-button {
        color:yellow !important;
        font-weight: bold !important;
        background-color: #819FF7 !important;
    }
   .unified-toolbar-button:hover {
        color:black !important;
        font-weight: bold !important;
        background-color: #B0E0E6 !important;
    } 

/* Pour l'AR-Plan des SOUS-MENUS (ok avec TB115) */
      .scrollbox-clip {
          background: #85C630 !important;
      } 

/* Menu Bar */
#toolbar-menubar[toolbarname]:not([autohide="true"]) {
     background-color: #c189f5 !important;
     color:            White   !important;
}

Cliquer sur --► Fichier
Cliquer sur --►Enregistrer sous

Sélectionner dans le menu gauche de l'explorateur --► Bureau
Cliquer sur --►Enregistrer

---

Ajouter le fichier userChrome dans le dossier Chrome dans Thunderbird :

Faire un clic droit sur le fichier userchrome puis--►Copier
Ouvrir Thunderbird.
Sur la barre des menus cliquer sur --►Aide
Cliquer sur --►Informations de dépannage
Cliquer sur --►Ouvrir le dossier  correspondant (Lecteur local).
Ouvrir le dossier --►chrome
Faire un clic droit--► coller

Fermer la fenêtre.
Fermer Thunderbird pour enregistrer la modification.
Relancer Thunderbird pour voir le résultat.

Autre solution :

Ou ouvrir Thunderbird, le réduire en déplaçant la fenêtre vers la droite ou la gauche.
Cliquer sur --►Ouvrir le dossier  correspondant (Lecteur local).
Ouvrir le dossier --►chrome
Copier-coller le fichier userChrome de base (ou le faire glisser).
Pour glisser le fichier, maintenir avec le clic gauche le fichier userChrome,le déplacer/glisser sans relâcher dans le dossier ''chrome'',puis relâcher le clic gauche, et fermer les toutes les fenêtres, relancer Thunderbird.

---

Modification avec la palette de couleurs :

Un vaste choix de couleur permet de modifier séparément chacune des barres d'outils Thunderbird.

Avant de modifier les couleurs, il faut comprendre a quoi correspond chacune des barre d'outils et ou sont situées les codes couleurs (HEX).

Explications avec le script userChrome qui est le fichier de base :

Barre de menus( violet) Fichier Edition Affichage. Aller à  Messages Outils Aide
La barre est violet Héliotrope ou violet Glycine.

/* Menu Bar */
#toolbar-menubar[toolbarname]:not([autohide="true"]) {
     background-color: #c189f5 !important;
     color:            White   !important;
}

Barre 'Relever'   ''Ecrire'' ''Etiquette'' (bleu clair).
La barre est en bleue céruléen ou bleu maya.

/* Pour l'AR-Plan des BARRE DES ICONES Relever Écrire Étiquette...(ok TB115) */
      #unifiedToolbar {
          background: #EFF8FB !important;
      }

Barre d'onglets et sous menus en vert.
Les barres sont en vert anis ou vert pistache.

 /* Pour l'AR-Plan des SOUS-MENUS (ok avec TB115) */
      .scrollbox-clip {
          background: #85C630 !important;
      }              

---

Modifier la couleur des différentes barre d'outils.

Pour modifier la couleur des différentes barre d'outils.
Il faut remplacer le code couleurs par un autre code
Exemple d'un code couleur ==►  #85C630
C'est la couleur verte.

Remplacer le code couleurs par un autre code :

On trouve des codes couleurs sur différents sites.

==► Sélecteur de couleur

Déplacer le pad ou le curseur de la souris vers la couleur de son choix.
Copier ensuite le code HEX  (Clic droit --►Copier)

Dans le fichier usercChrome supprimer le code couleur HEX.
Faire un clic gauche puis coller le code HEX choisi.

Important :
Laisser un espace avant et à la fin du code lors de la modification dans le fichier userChrome.

Fermer la fenêtre userChrome.
Fermer Thunderbird.
Relancer Thunderbird pour vérifier.

D'autres code hexadécimal des couleurs :

https://www.toutes-les-couleurs.com/code-couleur-html.php

https://webdi.fr/couleur-hexa.php?c=fdf7ef

https://html-color-codes.info/Codes-couleur-HTML/

https://www.code-couleur.com/palettes.html

---

Bonus :

Pour aller un peu plus loin ,la couleur des dossiers peut également être modifier.
Pour cela suivre la procédure de jmarion3 :

==► Thunderbird dossiers couleur

---