Couleurs de texte

Vous cherchez une alternative viable et sécurisée pour votre courrier ? Une conjuration s'est abattue sur vous et vous ne réussissez pas à trouver réponse satisfaisante à propos de Mozilla Thunderbird ? Cliquez donc par là…

Modérateur : J2m06

binome
Lézard à collerette
Messages : 279
Inscription : 07 juil. 2006, 10:20

Couleurs de texte

Message par binome »

Bonjour,
mon userChrome.css a été modifié pour apporter quelques améliorations mais un truc me dérange : lorsque je marque des mails comme importants, le texte de l'intitulé s'affiche bien en rouge quand ils sont non-sélectionnés mais il devient blanc si je les sélectionne.
Comment corriger ça ?
Merci.
Mapenzi
Tyrannosaurus Rex
Messages : 2735
Inscription : 18 mars 2015, 20:17

Re: Couleurs de texte

Message par Mapenzi »

Bonjour,

Si le message marqué "important" est sélectionné et dans le focus le fond est rouge et la couleur du texte blanc.
Qu'est-ce qui te gène car je trouve c'est très lisible.

Sélectionné + focus :

Image


Sélectionné pas de focus :

Image

Le mieux serait que tu nous montres ton code CSS pour le panneau des messages, peut-être aussi un copie d'écran pour qu'on puisse juger ce qui ne colle pas.
Il faudra aussi qu'on connaisse ta version de TB et le thème activé de TB.
binome
Lézard à collerette
Messages : 279
Inscription : 07 juil. 2006, 10:20

Re: Couleurs de texte

Message par binome »

Ce serait bien mais là, c'est un genre de bleu donc ça rend le "important" moins visible.
Voilà mon css :

Code : Tout sélectionner

/*
* Ne pas enlever la ligne @namespace  -- Elle est nécessaire pour un fonctionnement correct
 */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 
   
/*Interligne Volet des dossiers*/
#folderPaneBox treechildren::-moz-tree-row 
	{	min-height: 5px !important}

/*Interligne Volet des en-têtes*/
#threadTree treechildren::-moz-tree-row
	{	min-height: 0px !important }

/* Mettre en gras les messages non lus  */
#threadTree treechildren::-moz-tree-cell-text(unread)
        { 	font-weight: bold !important; } 

/* Coloriser en bleu clair les messages au survol de la souris  */
#threadTree treechildren::-moz-tree-cell(hover)   
	{ 	background-color: #cecffe !important;  } 

/* Coloriser en bleu un peu plus foncé les messages sélectionnés  */
#threadTree treechildren::-moz-tree-row(selected)   
	{ 	background-color: #a9cdef !important; 
		border: 1px solid #68a8e3 !important ;  }

/* Global UI font */
*	{ font-size: 11pt !important;
 /* font-family: Verdana !important;*/ }
Mapenzi
Tyrannosaurus Rex
Messages : 2735
Inscription : 18 mars 2015, 20:17

Re: Couleurs de texte

Message par Mapenzi »

J'ai regardé tes codes CSS qui agissent sur la liste des messages (#threadTree) et j'ai fait quelques tests avec TB 91.3.2 sous macOS 10.14

Le code

Code : Tout sélectionner

#threadTree treechildren::-moz-tree-row
	{	min-height: 0px !important; }
n'a aucun effet. Si tu veux régler interligne de la liste des messages il faut ajouter au moins une deuxième valeur, par exemple
height: 19px !important;

Le code

Code : Tout sélectionner

#threadTree treechildren::-moz-tree-row(selected)   
	{ 	background-color: #a9cdef !important; 
		border: 1px solid #68a8e3 !important ;  }
est très mal choisi.
Il colore (bleu clair) le fond du message sélectionné et en focus mais la couleur de la police est du blanc sur bleu clair, donc peu contrasté.

Image

La couleur du texte passe en noir si le message sélectionné n'est pas en focus. C'est mieux car le texte devient noir sur bleu clair

Image

Ça devient pire si je sélectionne un message marqué "important" car la couleur de fond rouge ne fonctionne pas. On ne voit donc plus que ce message est parqué marqué important :

Image

C'est seulement quand le focus passe en dehors du panneau des messages que le texte rouge (= important) devient apparent.

Image


Avec mon propre code CSS pour la liste des messages la même liste de messages se présente comme suit.
A gauche message sélectionné et en focus, à droite messages sélectionné mais pas en focus :

Image Image

Image Image

Si les couleurs de fond et du texte te conviennent je publierai mon CSS dans le post suivant.
Si tu veux garder ton affichage mais un texte en noir au lieu du blanc je te donnerai le code pour adapter la couleur du texte.
Dernière modification par Mapenzi le 28 nov. 2021, 17:38, modifié 1 fois.
binome
Lézard à collerette
Messages : 279
Inscription : 07 juil. 2006, 10:20

Re: Couleurs de texte

Message par binome »

Oui, ça me convient bien.
Mapenzi
Tyrannosaurus Rex
Messages : 2735
Inscription : 18 mars 2015, 20:17

Re: Couleurs de texte

Message par Mapenzi »

Essaie le code CSS suivant. Pas de garantie qu'il fonctionne de la même manière que chez moi car il y a quelques différences de l'interface entre les versions de Thunderbird pour Windows et pour Mac.

Code : Tout sélectionner

/* Couleurs dans liste des messages  */

#threadTree treechildren::-moz-tree-row(untagged, selected) {
background-color: #c0d0ff !important; }

#threadTree treechildren::-moz-tree-row(untagged, selected, focus) {
background-color: Highlight !important; }

#threadTree treechildren::-moz-tree-row(selected, current, focus) {
 border: 1.2px dotted blue !important; }

#threadTree treechildren::-moz-tree-row(selected) {
border: 1.2px dotted blue !important; }
binome
Lézard à collerette
Messages : 279
Inscription : 07 juil. 2006, 10:20

Re: Couleurs de texte

Message par binome »

Merci.
J'ai juste adapté

Code : Tout sélectionner

#threadTree treechildren::-moz-tree-row(untagged, selected, focus) {
background-color: Highlight !important; }
pour le mettre aussi en #c0d0ff parce que ça améliore le contraste (mon handicap touche, entre autres, mes yeux).
Tout me convient très bien maintenant.
Mapenzi
Tyrannosaurus Rex
Messages : 2735
Inscription : 18 mars 2015, 20:17

Re: Couleurs de texte

Message par Mapenzi »

binome a écrit : 28 nov. 2021, 15:51
Tout me convient très bien maintenant.
Je m'en réjouis :)
Bien sûr les couleurs doivent être adaptés selon les impératifs et les préférences de chacun.

EDIT :
j'ai remarqué que si je remplace Highlight par le code couleur #c0d0ff le texte devient blanc et est peu visible sur le fond bleu clair :

Image

Si ça te ne gène pas c'est OK pour moi. Sinon tu peux rajouter ce petit code pour rendre le texte noir :

Code : Tout sélectionner

#threadTree treechildren::-moz-tree-cell-text(untagged, selected, focus) {
color: black !important; }
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Ahrefs [Bot], Bing [Bot] et 20 invités