Page 2 sur 3

Re: Lancement du mode sombre

Posté : mer. août 11, 2021 5:37 pm
par Volandos
Hey, Milora et Edel-Weiss,
:merci2: Milora.
Concernant les caractères trop blancs dans les zones de saisies sous le mode sombre, une biquette sauvereuse et dirigeuse de monde et par ailleurs prolifique (je vous laisse deviner qui) m’a proposé une couleur qui s’harmonise mieux : : #DFD0AA.
Comme nous sommes 50/50 dans la FGT, j’attendrais le retour de vacances de mon honorable collègue.
:love:

Re: Lancement du mode sombre

Posté : lun. oct. 04, 2021 6:34 pm
par Alexandrovitch
Message de mes yeux : Merci pour le monde sombre...

Re: Lancement du mode sombre

Posté : mar. oct. 05, 2021 1:50 am
par Volandos
Hey, Alexandrovitch,
Alexandrovitch a écrit :
lun. oct. 04, 2021 6:34 pm
Message de mes yeux : Merci pour le monde sombre...
:merci: Heureux pour tes yeux. :yata:
Bienvenue dans la Mare et dans le mode sombre.
:love:

Re: Lancement du mode sombre

Posté : mar. nov. 16, 2021 1:40 pm
par Ifuldrita
Bravo à la FGT !!!
C'est une excellente idée (et merci pour l'astuce, j'ai remis le forum en mode à l'ancienne, j'aime trop cette petite grenouille dans les fleurs XD)

Re: Lancement du mode sombre

Posté : ven. nov. 19, 2021 11:24 am
par Léonore
Je passais par là un peu par hasard, et ça m'a rappelé le petit débat sur la couleur du texte en mode sombre.
Du coup, j'avais proposé la couleur #DFD0AA (celle que vous êtes entrain de lire, désolée pour les utilisateurs du mode clair, ça doit être illisible.) car elle est plus reposante pour les yeux (moins de couleur bleue) et elle s'harmonise bien avec les tons verts présents un peu partout.
Spoiler: montrer
Pour finir, elle reste aussi lisible dans les balises spoiler


Voilà, c'était ma petite remontée du sujets ;)

Re: Lancement du mode sombre

Posté : ven. nov. 19, 2021 11:29 am
par Doubar
Je me permets de regarder si ça passe aussi dans les balises quote (et les balises quote emboîtées)
Test
Test2
Test 3
Test4
Spoiler: montrer
Test5


Ca m'a l'air pas mal.

Re: Lancement du mode sombre

Posté : ven. nov. 19, 2021 11:35 am
par Ermina
J'aime bien et le contraste est bon (d'après l'outil de développement de chrome). Et c'est plus reposant pour les yeux, effectivement.

Re: Lancement du mode sombre

Posté : ven. nov. 19, 2021 12:05 pm
par Léonore
J'avais jamais remarqué que les couleurs changeaient pour les balises [quotes] imbriquées :o . (C'est pas comme si j'avais bossé sur le css des couleurs du mode sombre, hein... :rougit: )

Bon en tout cas, ça semble bien parti :)

Re: Lancement du mode sombre

Posté : ven. nov. 19, 2021 3:09 pm
par Volandos
Hello,

Ça m’a l’air bien à moi aussi.
On passe à la réalisation ou on en cause encore un peu  ? :yata:
:love:

Re: Lancement du mode sombre

Posté : ven. nov. 19, 2021 11:37 pm
par Léonore
C'est un avis qui n'engage que moi, mais de mémoire, il doit y avoir une ou deux lignes de css max à changer, alors au pire s'il y a des plaintes ça ne sera pas trop difficile de revenir en arrière.

Du coup je suis pour passer à la réa.

Re: Lancement du mode sombre

Posté : sam. nov. 20, 2021 12:00 am
par Volandos
Hey,
Léonore a écrit :
ven. nov. 19, 2021 11:37 pm
C'est un avis qui n'engage que moi, mais de mémoire, il doit y avoir une ou deux lignes de css max à changer, alors au pire s'il y a des plaintes ça ne sera pas trop difficile de revenir en arrière.

Du coup je suis pour passer à la réa.
Moi aussi, mais il me faut l’accord de mon collègue. :sifflote:
Merci Léonore. J’avais oublié de relancer cette proposition initialement parue en août.
:love:

Re: Lancement du mode sombre

Posté : dim. nov. 21, 2021 2:13 pm
par Ermina
J'ai vu que la FGT avait apporté des modifications au mode sombre. J'aime beaucoup :love:

Re: Lancement du mode sombre

Posté : dim. nov. 21, 2021 3:45 pm
par Volandos
Salut, les Grenouilles,
Ermina a écrit :
dim. nov. 21, 2021 2:13 pm
J'ai vu que la FGT avait apporté des modifications au mode sombre. J'aime beaucoup :love:
Désolé, je n'avais pas eu le temps de communiquer hier soir.
La proposition de couleur de Léonore a été appliqué dans les textes des posts, dans les signatures et sous les avatars.
Il restera à faire pareil dans l'éditeur de textes.
Deux ou trois autres améliorations sont en cours.
:love:

Re: Lancement du mode sombre

Posté : dim. nov. 21, 2021 7:01 pm
par Léonore
Je me cite moi-même :
Léonore a écrit :
ven. nov. 19, 2021 11:37 pm
C'est un avis qui n'engage que moi, mais de mémoire, il doit y avoir une ou deux lignes de css max à changer, alors au pire s'il y a des plaintes ça ne sera pas trop difficile de revenir en arrière.
Donc je salue l'initiative du changement de couleur de fond, mais du coup, par la même, je viens aussi me plaindre.

Alors, pas de problème avec la couleur du texte, évidemment (mon esprit de contradiction ne va pas jusqu'à ne pas être d'accord avec moi-même ^^).
Volandos a écrit :
dim. nov. 21, 2021 3:45 pm
Il restera à faire pareil dans l'éditeur de textes.
Les deux règles css concernées sont : La couleur du fond des zones de texte éditables étant plus clair, il faudrait adapter la couleur du texte pour que la couleur perçue soit la même, et aussi pour conserver le contraste. Donc je vous propose de l'assombrir un tout petit peu :

Code : Tout sélectionner

 #D0C0A0


Oui donc je disais, je viens me plaindre :
Je n'aime pas la couleur que vous avez choisit pour la règle css ".bg2"
Et y a plein de raison à ça :
  • Bon déjà, d'un point de vue technique, ça fait une couleur de plus à gérer et à prendre en compte pour le contraste avec les couleurs de pseudo. Et je vous rappelle que ces dernières ont été un peu galère à trouver.
  • Ensuite, la règle ".bg2" s'applique à deux endroits importants et distincts de la mare :
    • La liste des fils d'un forum
    • Les messages des fils en question
Pour la liste des fils d'un forum :

Spoiler: montrer
Screenshot_20211121_170427.jpg
Screenshot_20211121_170427.jpg (57.79 Kio) Vu 2448 fois
  1. J'avais choisi une couleur assez saturée pour les cadres autour des listes pour accentuer le contraste avec le gris sombre. Les parties étaient bien définies et la vision d'ensemble facile à lire (graphiquement parlant). Le fait de rajouter du vert une ligne sur deux amoindrit la lisibilité graphique globale.
    Spoiler: montrer
    Pour comparer :
    Screenshot_20211121_171139.jpg
    Screenshot_20211121_171139.jpg (335.59 Kio) Vu 2448 fois
    Et la différence de saturation entre le vert des cadres et celui des lignes perturbe l'harmonie des couleurs. Bref, pour le dire plus simplement : c'est moche.
  2. Le simple fait de mettre un fond vert derrière un texte vert diminue automatiquement le contraste. D'autre part la différence de couleur est bien trop tranchée avec le gris sombre. Cela fait que, à chaque ligne, nos yeux ont besoin de se réhabituer à la différence de contraste, ça perturbe la lecture plutôt que de l'améliorer.
  3. Le surlignage gris clairs jure nettement avec l'harmonie plus verte des couleurs. Bon ok, ça encore ça se change. C'est à la ligne 353 dans la règle css :

    Code : Tout sélectionner

    li.row:hover
Pour les messages des fils en question :
  • Bon là, globalement ce qui me gène le plus c'est la couleur bien trop tranchée entre le gris et le vert. Franchement, je trouve ça un peu agressif.
D'ailleurs, en fait, je ne sais pas pourquoi vous avez voulu changer les couleurs une ligne sur deux, si c'est juste pour différencier plus facilement deux messages consécutifs, une différence plus douce est largement suffisante. Si c'est juste du point de vue esthétique, ce n'est que mon avis, mais je pense que vous vous êtes loupé.

Bon, pour finir, évidemment, je ne viens pas que pour me plaindre. J'ai aussi une proposition :
Au lieux de partir sur du vert, je pense qu'il serait mieux de partir sur une couleur "chocolat" pas trop saturée.
Ligne 133

Code : Tout sélectionner

.bg2 {
	background-color: #2e2b28;
}
Avec une couleur éclaircie et désaturée pour le surlignage
Ligne 353

Code : Tout sélectionner

li.row:hover {
	background-color: #323130;
}
Screenshots :
Spoiler: montrer
Screenshot_20211121_185108.jpg
Screenshot_20211121_185108.jpg (295.86 Kio) Vu 2448 fois

EDIT : Il faudrait aussi modifier un peu la règle ".bg1" avec un peu plus de rouge et moins de bleu. Pour avoir un meilleur rendu avec la couleur chocolat.
Dans l'autre sens, on peu aussi plus désaturer le chocolat, mais je trouve ça moins chaleureux.

Dernier point, je ne suis pas graphiste ou web designer de métier, mes connaissances graphiques pour la plupart viennent de livres sur le sujet et de la petite expérience que j'ai développée avec mes propres sites internet. Du coup si une personne avec des connaissances plus étendues que moi en design et/ou harmonie des couleurs passe par là, son avis m’intéresse beaucoup. (que ça n'empêche pas celleux qui n'y connaissent pas grand chose de donner leur avis aussi, c'est aussi bon à prendre. ;) )

Re: Lancement du mode sombre

Posté : dim. nov. 21, 2021 8:03 pm
par Doubar
Pour être honnête, on a changé le bg2 car les notifications non lues avaient la même couleur que les notifications lues. Mais si on arrive à trouver une autre couleur qui permette de faire la distinction entre les deux tout en résolvant les problèmes que tu soulèves alors allons y :wow: