Couleurs de texte
Modérateur : J2m06
Couleurs de texte
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.
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.
Re: Couleurs de texte
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 :
Sélectionné pas de focus :
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.
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 :
Sélectionné pas de focus :
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.
Re: Couleurs de texte
Ce serait bien mais là, c'est un genre de bleu donc ça rend le "important" moins visible.
Voilà mon css :
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;*/ }
Re: Couleurs de texte
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
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
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é.
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
Ç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 estparqué marqué important :
C'est seulement quand le focus passe en dehors du panneau des messages que le texte rouge (= important) devient apparent.
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 :
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.
Le code
Code : Tout sélectionner
#threadTree treechildren::-moz-tree-row
{ min-height: 0px !important; }
height: 19px !important;
Le code
Code : Tout sélectionner
#threadTree treechildren::-moz-tree-row(selected)
{ background-color: #a9cdef !important;
border: 1px solid #68a8e3 !important ; }
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é.
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
Ç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
C'est seulement quand le focus passe en dehors du panneau des messages que le texte rouge (= important) devient apparent.
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 :
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.
Re: Couleurs de texte
Oui, ça me convient bien.
Re: Couleurs de texte
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; }
Re: Couleurs de texte
Merci.
J'ai juste adapté
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.
J'ai juste adapté
Code : Tout sélectionner
#threadTree treechildren::-moz-tree-row(untagged, selected, focus) {
background-color: Highlight !important; }
Tout me convient très bien maintenant.
Re: Couleurs de texte
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 :
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; }
Qui est en ligne ?
Utilisateurs parcourant ce forum : Google [Bot] et 30 invités