Mettre en couleur les lignes marquées avec une étiquette

[krispeg]

Bonjour,

Jusqu'à présent j'avais les lignes marquées avec une etiquette en couleur ce qui me donnait ca :



J'utilisais le fichier Userchrome et les lignes :

/* Mettre en couleur les lignes avec une étiquette rouge (ok TB60) */
treechildren::-moz-tree-cell(lc-FF0000)
{ background-color: #FFCCCC !important; }
treechildren::-moz-tree-cell-text(lc-FF0000)
{ color: #000 !important; }
treechildren::-moz-tree-cell(lc-FF0000,selected)
{ background-color: #FF0000 !important; }
treechildren::-moz-tree-cell-text(lc-FF0000, selected)
{ color: #FFF !important; }

Depuis la derniere mise à jour ca ne fonctionne plus et du coup je retourve cet affichage la :



Quelqu'un sait comment je peux retablir mon affichage d'origine ?

Merci d'avance

[Jean-Claude]

Bonjour,

Remplace ton CSS par le suivant

Code : Tout sélectionner

/*Important tag*/ 
treechildren::-moz-tree-row(T_24label1)
{
      border-bottom: 1px solid #FFFFFF !important;
      background-color:  #FF0033   !important;
}
treechildren::-moz-tree-cell-text(T_24label1)
{
      color: #FFFFFF !important;
}
treechildren::-moz-tree-row(T_24label1, selected)
{
      background-color: #b71c1c !important;
}
treechildren::-moz-tree-cell-text(T_24label1, selected)
{
  color: #00FF00  !important;
}

/*Travail tag*/
treechildren::-moz-tree-row(T_24label2)
{
  border-bottom: 1px solid #FFFFFF !important;
  background-color:  #FF9900   !important;
}
treechildren::-moz-tree-cell-text(T_24label2)
{
  color: #FFFFFF !important;
}
treechildren::-moz-tree-row(T_24label2, selected)
{
  background-color: #FF9900 !important;
}
treechildren::-moz-tree-cell-text(T_24label2, selected)
{
  color: #00FF00  !important;
}

/*Personnel tag*/ 
treechildren::-moz-tree-row(T_24label3)
{
  border-bottom: 1px solid #FFFFFF !important;
  background-color:  #009900   !important;
}
treechildren::-moz-tree-cell-text(T_24label3)
{
  color: #FFFFFF !important;
}
treechildren::-moz-tree-row(T_24label3, selected)
{
  background-color: #009900 !important;
}
treechildren::-moz-tree-cell-text(T_24label3, selected)
{
  color: #00FF00  !important;
}

/*A faire tag*/
treechildren::-moz-tree-row(T_24label4)
{
  border-bottom: 1px solid #FFFFFF !important;
  background-color:  #3333FF   !important;
}
treechildren::-moz-tree-cell-text(T_24label4)
{
  color: #FFFFFF !important;
}
treechildren::-moz-tree-row(T_24label4, selected)
{
  background-color: #3333FF !important;
}
treechildren::-moz-tree-cell-text(T_24label4, selected)
{
  color: #00FF00  !important;
}

/*Peut attendre tag*/
treechildren::-moz-tree-row(T_24label5)
{
  border-bottom: 1px solid #FFFFFF !important;
  background-color:  #993399  !important;
}
treechildren::-moz-tree-cell-text(T_24label5)
{
  color: #FFFFFF !important;
}
treechildren::-moz-tree-row(T_24label5, selected)
{
  background-color: #993399 !important;
}
treechildren::-moz-tree-cell-text(T_24label5, selected)
{
  color: #00FF00  !important;
}

/*test tag*/
treechildren::-moz-tree-row(Ttest)
{
  border-bottom: 1px solid #FFFFFF !important;
  background-color:  #FFCC33  !important;
}
treechildren::-moz-tree-cell-text(Ttest)
{
  color: #FFFFFF !important;
}
treechildren::-moz-tree-row(Ttest, selected)
{
  background-color: #FFCC33 !important;
}
treechildren::-moz-tree-cell-text(Ttest, selected)
{
  color: #00FF00  !important;
}

Voici le résultat sous Thunderbird 68.4.1 en 64bits



La ligne en jaune est une étiquette personnelle que j'ai ajoutée et appelée "test".
Le code correspondant est tout ce qui est sous la ligne "/*test tag*/" en fin de code, et que tu peux enlever si cela ne t'intéresse pas.

Si tu veux des explications sur le pourquoi du comment, regarde ici https://support.mozilla.org/en-US/questions/1271356 et ici http://forums.mozillazine.org/viewtopic ... &t=3057136
En gros, suite à un changement dans la gestion des couleurs, les références "lc-FF0000" ont été supprimées. Il faut maintenant citer chaque étiquette dans le code CSS et lui attribuer une couleur. Cela allonge nettement le code.
On retrouve les codes couleur et le nom des étiquettes dans le fichier de configuration en lançant une recherche sur le mot-clé "tags". Ce qui donne les paramètres "mailnews.tags......" correspondant aux étiquettes.

A+

[krispeg]

Bonjour,

Merci pour ton aide.

Dans un premier temps, sans chercher à comprendre, j'ai simplement fait un copier/coller de ton code dans mon Userchrome et ca ne fonctionne pas.

Mes codes couleur et noms etiquettes sont les suivants :


Je cherche un peu plus dès que j'ai un peu de temps et te tiens au courant.

Encore merci.

[krispeg]

Suite de mes tests

Pour commencer, je suis très limité en anglais et idem pour le code (j'ai copié l'ancien sur le site https://j2m-06.pagesperso-orange.fr/faq ... lign_sujet).

Mais en toute logique, j'ai repris ta partie "Test" et je l'ai copié dans mon Userchrome. J'ai modifié chaque libellé "test" par mon libellé d'étiquette et j'ai modifié ton code hexa par le mien pour avoir des couleurs personnalisées.

Ca fonctionne bien pour des noms d'étiquettes simples comme "Fait" ou "Vu".
Par contre des noms avec accents comme "édité" ou avec un espace comme "A faire", ca ne fonctionne pas ...

Je continue de chercher pour finaliser tout ca.

[Jean-Claude]

Bonjour,

Mon code s'appuie sur les étiquettes standards, à savoir :





Je n'ai ajouté qu'une étiquette personnelle : la "test"
Je ne retrouve pas ces tags chez toi.
Sans doute as-tu supprimé les étiquettes officielles et as-tu créé des étiquettes personnelles.

Dans mon code CSS, l'identifiant d'un tag est le nom apparaissant dans le fichier de configuration, soit $label1, avec le $ converti en hexa + préfixé du code _ et du code T pour Tag.
$label1 donne donc T_24label1
test donne Ttest vu qu'il n'y a pas de caractère spécial comme $.

Tu as bien compris, il me semble, le mécanisme de conversion. Le problème maintenant concerne les caractères accentués, convertis en &aok- dans le fichier de configuration et qu'il faudrait convertir en hexa dans le CSS. J'ai regardé ici https://md5decrypt.net/Outils-conversion/#results ce qu'une conversion en hexa donnerait. Mais le résultat ne me semble pas exploitable. Je pourrais faire d'autres essais de conversion jusqu'à trouver le bon code hexa, mais il y a plus simple il me semble.

Le plus simple à mon avis, serait que tu supprimes tes étiquettes actuelles avec un accent, et que tu les recrées sans accent.
C 'est le nom donné lors de la création qui détermine le nom du tag dans le fichier de configuration.
Ensuite tu pourras modifier ce nom en un nom accentué dans l'écran des "options/étiquettes" (bouton "Modifier") de Thunderbird. Une modification ne provoque pas de changement du nom dans le fichier de configuration.


A+

[Jean-Claude]

Après quelques tests, j'ai trouvé la conversion hexa des caractères "é".
Dans le fichier de configuration, "é" est traduit en "&aok-", qui devra être converti en "_26aok_2d" pour le code CSS.
Par exemple, l'étiquette "été" devient "&aok-t&aok-" dans l'éditeur de configuration, qui devra être converti en "T_26aok_2dt_26aok_2d" dans le code CSS.
C'est pour le moins ingérable

C'est pourquoi, ma proposition de créer les étiquettes d'abord sans accent, et de placer les accents ensuite dans un deuxième temps, par modification du nom de l'étiquette, me semble plus intéressante.

A+

[krispeg]

Passage rapide :

oui j'ai viré les étiquettes par défaut et je vais renommer mes etiquettes sans les accents, je ne vais pas me compliquer la tache alors qu'on peut la rendre plus simple

Juste pour info, ca me donne effectivement ca "edit&aok" pour "Edité" (mailnews.tags.edit&aok-.tag;Edité)

Pour les espaces ca ne fonctionne pas non plus, y a une astuce ?
par exemple pour l'étiquette "A faire", j'ai essayé "a_faire" mais il ne veut rien savoir.

Merci.

[Jean-Claude]

Un espace est aussi un caractère spécial et est traduit en "_" dans le fichier de configuration, à traduire en hexa par "_5f" dans le code CSS.
Donc "A faire" deviendrait sans doute "Ta_5ffaire" dans le code CSS.
Mais je n'ai pas testé.

Mon conseil : évite tout caractère spécial lors de la création des étiquettes. Pas de blancs, d'accents ..., et prend des noms courts. Après tu pourras les changer par le bouton "modifier".

A+

[krispeg]

C est cool, ca fonctionne avec "Ta_5ffaire"

Un grand merci pour ton aide !

[abenech]

J'utilise Thunderbird 115, je cherche à poursuivre l'utilisation de userchrome.css qui me permettait de mettre en évidence les mails possédant des tags (étiquettes), notamment le background. J'ai cherché, je ne trouve rien qui me satisfasse avec TB115. J'ai testé plein de possibilités mais en vain.
Est-ce toujours possible ?
Cordialement