Personnalisation de l'interface utilisateur sur Thunderbird
Source : How to customize Thunderbird Mail theme using userChrome.css - devnodes.in
AutoriserActiver la personnalisation
Les Menu> Édition > Prépréférences>avancées se trouvent en bas de l'onglet Général
>des Paramètres
en cliquant sur le bouton Éditeur de configuration…
Cliquer le bouton
.Je prends le risque
RechercherDans les préférences avancées, activer toolkit.legacyUserProfileCustomizations.stylesheets
double-cliquerà pourtrue
attribueren double cliquant sur la valeur true.
par Fermer la fenêtre.défaut.
Déterminer le dossier de profil utilisateur
Créer le fichier de personnalisation
DansEnsuite, leil dossier de profil utilisateur,faut créer le dossier chrome
.
Créerdans le dossier de profil utilisé, puis le fichier userChrome.css
.
Utiliser les outils de développement
Pour activer les outils de développement :
-
☰
,Outils
,Outils de développement
; - Confirmer l'invite de sécurité concernant la connexion entrante ;
- Se rendre dans
lel'Éditeur
;précédentdedossier.style - Filtrer pour afficher la feuille de styles
userChrome.css
; - Applique le
nouveaustyle ; - Enregistrer !
Compléter
Exemples
Modifier doitla systématiquecouleur êtredes :messages non-lus
@namespace@media url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");not (prefers-contrast) {
@media (prefers-color-scheme: dark) {
:root {
--thread-pane-unread-color: var(--color-teal-30) !important;
}
}
}
Seul les lignes du type import peuvent précéder
Modifier la lignecouleur et le fond des messages non-lus puis inverser au survol
@media not (prefers-contrast) {
@media (prefers-color-scheme: dark) {
tr[is="thread-card"][data-properties~="unread"]:not(.selected, :hover) {
background-color: var(--color-orange-20) !important;
color: var(--color-blue-80) !important;
}
tr[is="thread-card"][data-properties~="unread"]:not(.selected):hover {
background-color: var(--color-blue-80) !important;
color: var(--color-orange-20) !important;
}
}
}
Astuces
Le chemin de l'iframe des messages est :
.@namespacehtml#messengerWindow body vbox#messengerBody hbox#tabmail-container tabmail#tabmail.printPreviewStack tabbox#tabmail-tabbox tabpanels#tabpanelcontainer.plain vbox#mail3PaneTab1.deck-selected stack browser#mail3PaneTabBrowser1
Le fichierchemin peutde êtrela parvue exempledes :messages au sein de l'iframe est html body.layout-vertical div#threadPane tree-view#threadTree.tree-view-scrollable-container table.tree-table.some-selected tbody
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Global UI font */
* {
font-size: 8pt !important;
}