Lancement du mode sombre

[visible par les non-inscrits] Pour voir les annonces et suivre l'actualité de Cocyclics.
Accès rapide : La Gazette aux Nymphéas, Changement de couleur
Avatar du membre
Volandos
Le nénuphou coule, les idées abondent
Messages : 3216
Enregistré le : mer. juin 08, 2016 5:35 pm
Rang special : Un pied sur la Terre, un autre dans les étoiles...
Localisation : Versailles - France
Contact :

Re: Lancement du mode sombre

Message 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:
C'est curieux, chez les marins, ce besoin de faire des phrases. (Audiard)
Challenge : Terres de Glor.
Mon web.
Mon Instagram
Filleul de Pi et de Contesdeféegersois.
Secret ouvrier de la FGT.

Avatar du membre
Alexandrovitch
Messages : 18
Enregistré le : dim. oct. 03, 2021 2:00 pm
Rang special : Tsar
Localisation : Devant l'océan

Re: Lancement du mode sombre

Message par Alexandrovitch »

Message de mes yeux : Merci pour le monde sombre...
Alexandrovitch, la grenouille à Chapka.
“Quoi que tu rêves d’entreprendre, commence-le. L’audace a du génie, du pouvoir, de la magie.” (Goethe)

Avatar du membre
Volandos
Le nénuphou coule, les idées abondent
Messages : 3216
Enregistré le : mer. juin 08, 2016 5:35 pm
Rang special : Un pied sur la Terre, un autre dans les étoiles...
Localisation : Versailles - France
Contact :

Re: Lancement du mode sombre

Message 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:
C'est curieux, chez les marins, ce besoin de faire des phrases. (Audiard)
Challenge : Terres de Glor.
Mon web.
Mon Instagram
Filleul de Pi et de Contesdeféegersois.
Secret ouvrier de la FGT.

Avatar du membre
Ifuldrita
Vive les rouleaux croquants au chant du rossignifu
Messages : 6093
Enregistré le : jeu. juil. 22, 2010 2:22 pm
Rang special : Bisounouille
Localisation : Shushtar

Re: Lancement du mode sombre

Message 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)
:heart: Incarnation forever de l'Archétype de la Reine des Coeurs :heart:
Quand vient la Horde aux éditions Scrinéo

Avatar par Joacoful

Avatar du membre
Léonore
Noble interprète du Chevalier Gontran à la douce barbe et au vol éthéré. Découpe les courgettes plus vite que son ombre
Messages : 2734
Enregistré le : mar. avr. 03, 2012 12:37 pm
Rang special : Avant-première

Re: Lancement du mode sombre

Message 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 ;)
Pronom : "ol" (accords féminins)

Avatar du membre
Doubar
Mémé Sucrée est en réalité un nain-vampire qui fait de délicieux cookies à la banane
Messages : 5818
Enregistré le : ven. juil. 29, 2016 9:43 am
Rang special : Grenouillateur de monde
Localisation : Dans les tréfonds de la cité d'Albâtre

Re: Lancement du mode sombre

Message 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.
Mon OLT : Le traître - T1 des Larmes du Dieu Blanc

Disciple dévôt de :tetard:, :sr: et :sg:

Avatar du membre
Ermina
Informatica in lingua latina. Rien que ça
Messages : 10769
Enregistré le : sam. févr. 12, 2011 12:47 pm
Rang special : grenouille de l'espace
Localisation : Dans un lointain futur

Re: Lancement du mode sombre

Message 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.
Cycliste chocolatvore :orange:

2764 ab urbe conditapapyrussynopsis

Le réfugié du tempschallenge 2024

Admiratrice de :tetard:, :sr: et :sg:

Avatar du membre
Léonore
Noble interprète du Chevalier Gontran à la douce barbe et au vol éthéré. Découpe les courgettes plus vite que son ombre
Messages : 2734
Enregistré le : mar. avr. 03, 2012 12:37 pm
Rang special : Avant-première

Re: Lancement du mode sombre

Message 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 :)
Pronom : "ol" (accords féminins)

Avatar du membre
Volandos
Le nénuphou coule, les idées abondent
Messages : 3216
Enregistré le : mer. juin 08, 2016 5:35 pm
Rang special : Un pied sur la Terre, un autre dans les étoiles...
Localisation : Versailles - France
Contact :

Re: Lancement du mode sombre

Message 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:
C'est curieux, chez les marins, ce besoin de faire des phrases. (Audiard)
Challenge : Terres de Glor.
Mon web.
Mon Instagram
Filleul de Pi et de Contesdeféegersois.
Secret ouvrier de la FGT.

Avatar du membre
Léonore
Noble interprète du Chevalier Gontran à la douce barbe et au vol éthéré. Découpe les courgettes plus vite que son ombre
Messages : 2734
Enregistré le : mar. avr. 03, 2012 12:37 pm
Rang special : Avant-première

Re: Lancement du mode sombre

Message 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.
Pronom : "ol" (accords féminins)

Avatar du membre
Volandos
Le nénuphou coule, les idées abondent
Messages : 3216
Enregistré le : mer. juin 08, 2016 5:35 pm
Rang special : Un pied sur la Terre, un autre dans les étoiles...
Localisation : Versailles - France
Contact :

Re: Lancement du mode sombre

Message 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:
C'est curieux, chez les marins, ce besoin de faire des phrases. (Audiard)
Challenge : Terres de Glor.
Mon web.
Mon Instagram
Filleul de Pi et de Contesdeféegersois.
Secret ouvrier de la FGT.

Avatar du membre
Ermina
Informatica in lingua latina. Rien que ça
Messages : 10769
Enregistré le : sam. févr. 12, 2011 12:47 pm
Rang special : grenouille de l'espace
Localisation : Dans un lointain futur

Re: Lancement du mode sombre

Message par Ermina »

J'ai vu que la FGT avait apporté des modifications au mode sombre. J'aime beaucoup :love:
Cycliste chocolatvore :orange:

2764 ab urbe conditapapyrussynopsis

Le réfugié du tempschallenge 2024

Admiratrice de :tetard:, :sr: et :sg:

Avatar du membre
Volandos
Le nénuphou coule, les idées abondent
Messages : 3216
Enregistré le : mer. juin 08, 2016 5:35 pm
Rang special : Un pied sur la Terre, un autre dans les étoiles...
Localisation : Versailles - France
Contact :

Re: Lancement du mode sombre

Message 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:
C'est curieux, chez les marins, ce besoin de faire des phrases. (Audiard)
Challenge : Terres de Glor.
Mon web.
Mon Instagram
Filleul de Pi et de Contesdeféegersois.
Secret ouvrier de la FGT.

Avatar du membre
Léonore
Noble interprète du Chevalier Gontran à la douce barbe et au vol éthéré. Découpe les courgettes plus vite que son ombre
Messages : 2734
Enregistré le : mar. avr. 03, 2012 12:37 pm
Rang special : Avant-première

Re: Lancement du mode sombre

Message 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 2226 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 2226 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 2226 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. ;) )
Pronom : "ol" (accords féminins)

Avatar du membre
Doubar
Mémé Sucrée est en réalité un nain-vampire qui fait de délicieux cookies à la banane
Messages : 5818
Enregistré le : ven. juil. 29, 2016 9:43 am
Rang special : Grenouillateur de monde
Localisation : Dans les tréfonds de la cité d'Albâtre

Re: Lancement du mode sombre

Message 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:
Mon OLT : Le traître - T1 des Larmes du Dieu Blanc

Disciple dévôt de :tetard:, :sr: et :sg:

Répondre