champs de texte illisibles avec un thème sombre

bonjour,

beaucoup de champs de texte du site sont illisibles pour les utilisateurs comme moi qui utilisent un thème sombre pour leur gestionnaire de fenêtres. en effet, dans un tel thème, les champs de texte ont un fond sombre et un texte clair (blanc). or, il semblerait (pas vérifié mais c’est mon hypothèse) que les règles CSS de ZdS stipulent une couleur pour le texte (noir), mais pas pour le fond (qui reste donc sombre). résultat, on ne voit rien et impossible, par exemple, de rédiger un message.

je vois donc deux solutions :

• enlever la règle pour le texte (est‐ce nécessaire de dire qu’il est noir ?),
• ou préciser la couleur du fond en accord.

quelques champs affectés que j’ai repérés (probablement pas tous) :

• paramètres
• édition de messages et commentaires
• … mais pas la rédaction rapide de messages et commentaires, où il y a un fond blanc !
• édition de tutoriels
• importation de contenu (résumé des changements)
• fenêtre intempestive pour envoyer des choses en validation (résumé des changements) ou les en retirer (raison)
• création de galeries
• édition d’images
• signalement de fautes
• signalemen de messages

merci !

édit : correction de la liste

Merci du retour. L'élaboration d'un thème sombre alternatif est à venir. Malheureusement nous manquons de dev frontend ce qui va prendre un peu de temps. Néanmoins je vais voir si on peut faire quelque chose dans l'immédiat.

En voyant ce sujet, je suis allé voir si quelqu'un de la communauté avait créé un thème sombre pour le site avec l'extension Stylish (Chrome dans mon cas, mais j'imagine que il y a l'équivalent FF, Opéra, etc). Et Akna l'a fait. Bravo à lui, parce que c'est très réussi !

Salut,

j'avais le même problème, pour le fixer sur tous les sites tu peux suivre les instructions de cette page

J'aime pas trop le thème sombre qu'il y a sur stylish je trouve qu'il enlève trop les couleurs du site

j’ai enquêté rapidement avec l’inspecteur Firefox, et il semble que la couleur gris foncé vienne de cette règle :

généré d’après _forms.scss:343 :

1
2
3
4

body, button, html, input, select, textarea {
    font-family: Segoe UI,Trebuchet MS,Helvetica,Helvetica Neue,Arial,sans-serif;
    color: #222;
}

en l’enlevant, le texte devient noir à cause de cette règle :

d’après _normalize.scss:235 :

1
2
3
4
5

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

qui lui fait hériter sa couleur des éléments parents, dont la couleur effective est le noir (bien que ce ne soit plus explicité par le CSS si on a enlevé la règle d’avant).

pour corriger le problème, il suffirait donc de supprimer cette règle d’héritage et la règle color: pour les éléments input et textarea. ou alors de spécifier aussi la couleur du fond.

oui, j’ai vu des hacks de ce genre, mais ça annule un peu le principe du thème (édit : et c’est moche)… et reste que le problème vient bien des sites et non du client.

Merci Il faudrait que j'ouvre un sujet concernant ce truc à l'occasion, histoire d'en faire profiter à tout le monde et de faire le SAV. D'ailleurs si vous voyez quelque chose que j'ai oublié ou qu'il faut corriger, hésitez pas à m'en faire part !

En passant, si ça ne gène pas l'assoc on peut tout à fait mettre ton extension stylish sur le github de l'orga.

Pourquoi pas en ce qui me concerne.

Idem.

Du moment qu'il y aura des personnes pour le maintenir en fonction des ZEP/bugfixes, ça me semble être une bonne idée.

Personnellement ça me dérange pas, il faut juste savoir que le CSS c'est pas trop mon domaine, donc ce que j'ai fais est probablement très moche. À la base je voulais faire un truc vite fait, puis au bout d'un moment je me suis rendu compte que j'avais traité une grosse partie du site.

Oui, d'ailleurs je viens de me rendre compte qu'avec la v16, il y a eu surement quelques changements dans le style, il faut que je retravaille dessus.

Edit : Si je veux ouvrir un sujet là dessus, je met ça dans quelle section ?

Dans le section « Dev Zone ». Tu peux aussi passer sur IRC pour en discuter avec les dev si tu veux (irc.smoothirc.net sur #zds-dev)