tosca a écrit:
plg a écrit:
Oui, ça fait un peu bizarre l'icône bleu sur fond vert. Mais niveau habitude, on associe plutôt le "tout va bien" au vert je pense. Donc c'est plutôt la couleur de l'icône qu'il faudrait revoir. Ou trouver un icône en 48px à dominante verte.
Sauf qu'un symbole information est toujours sur fond bleu => donc c'est l'icône qu'il faut changer ;-)
Euh, je ne comprends plus là :-/
Hors ligne
plg a écrit:
tosca a écrit:
Sauf qu'un symbole information est toujours sur fond bleu => donc c'est l'icône qu'il faut changer ;-)
Euh, je ne comprends plus là :-/
Je ne sais pas trop ce qu'il y a à expliquer :lol:
Tu as choisi une icône i qui signifie information. Sauf erreur de ma part, ce genre de symbole est toujours en blanc sur fond bleu, un peu partout dans le monde.
Mais tu veux du vert pour indiquer que tout va bien.
Je n'ai pas de solution miracle ... sauf à dire que ce type d'icône ne me paraît pas adapté.
;-)
Dernière modification par tosca (2010-03-26 19:56:24)
Hors ligne
En fond blanc (donc neutre) moi je trouve que c'est joli encore ...
Hors ligne
Gotcha a écrit:
En fond blanc (donc neutre) moi je trouve que c'est joli encore ...
oulalala malheureux !
un fond blanc, s'est proscrit ! il faut mettre du #EEEEEE ;-)
mais avec un bord de la même couleur que le texte (rouge, vert, orange pas orange piwigo) et un peu épais, genre 4 ou 5px peut-être.
Hors ligne
tosca a écrit:
Mais tu veux du vert pour indiquer que tout va bien.
Je n'ai pas de solution miracle ... sauf à dire que ce type d'icône ne me paraît pas adapté.
;-)
OK, c'est bon, j'ai compris (je pense).
Que dites vous de cela ?
Hors ligne
plg a écrit:
Que dites vous de cela ?
Au point de vue couleurs, c'est nettement mieux ... mais je me demande quel est l'intérêt de mettre des icônes dans ce contexte.
Gotcha parlait du wiki, mais dans le wiki, on est susceptible de voir les icônes apparaître en plusieurs endroits au cours de la lecture, elles permettent de mettre l'accent de manière répétitive sur un type particulier d'information.
Pour notre interface, le message lui-même apparaissant dans sa boîte est bien isolé et me paraît suffisament clair sans nécessiter de fioriture quelconque.
My own 0.02 ...
(désolée de ne pas l'avoir dit plus tôt, c'est en me penchant sur la dernière mouture que j'ai réalisé !)
Dernière modification par tosca (2010-03-26 21:00:07)
Hors ligne
pour moi çà va, bien que la "coche" verte soit un peu trop empattée à mon goût ^^
après, par rapport à l'utilité de leur présence ou non, pour moi peu m'importe.
dans les deux cas, le résultat attendu est obtenu : on voit bien le message, on interprète tout de suite s'il s'agit d'un problème ou d'une information rassurante.
Hors ligne
Allez hop, un autre essai, fond #eee, bordure de 3px, texte de la même couleur que la bordure.
Hors ligne
en fait, en vouyant le résultat, la bordure arrache les yeux. les couleurs sont trop "pures".
Hors ligne
grum a écrit:
en fait, en vouyant le résultat, la bordure arrache les yeux. les couleurs sont trop "pures".
Je pense qu'il doit suffire de diminuer l'épaisseur : 1px (voir 2px) seront plus discrets, tout en marquant bien la délimitation.
Hors ligne
tosca a écrit:
grum a écrit:
en fait, en vouyant le résultat, la bordure arrache les yeux. les couleurs sont trop "pures".
Je pense qu'il doit suffire de diminuer l'épaisseur : 1px (voir 2px) seront plus discrets, tout en marquant bien la délimitation.
Non, ça marche plus si on mets une bordure trop fine : on ne voit plus la bordure en thème foncé.
Hors ligne
grum a écrit:
en fait, en vouyant le résultat, la bordure arrache les yeux. les couleurs sont trop "pures".
C'est un peu trop vague pour moi, proposes des couleurs moins pures :-)
Hors ligne
plg a écrit:
Non, ça marche plus si on mets une bordure trop fine : on ne voit plus la bordure en thème foncé.
:(
Hors ligne
plg a écrit:
grum a écrit:
en fait, en vouyant le résultat, la bordure arrache les yeux. les couleurs sont trop "pures".
C'est un peu trop vague pour moi, proposes des couleurs moins pures :-)
pure n'est peut-être pas le bon terme :o)
c'est trop saturé.
c'est probablement plus approprié ;-)
genre le bord çà doit être proche du #FF0000 => faudrait se rapprocher de #990000
Hors ligne
Concernant les thèmes en admin, je propose la chose suivante : disposer de classes génériques pour les couleurs.
Dans presque tous mes plugins il m'arrive de gérer "en dur" la couleur de certains éléments de l'interface.
Avec la possibilité de switcher entre un thème clair et un thème foncé, çà va devenir problématique.
Du coup, des classes génériques pour les couleurs permettraient lorsque l'on conçoit un plugin, de gérer les couleurs de certains éléments plus facilement.
Je propose la liste suivante :
thème clair :
.gcText { color: #777777; } /* used for text */ .gxText2 { color: #777777; } /* used for table header */ .gxText3 { color: #555555; } /* used for tabs text */ .gcLink { color: #005E89; } /* used for link */ .gcLinkHover { color: #D54E21; } /* used for link */ .gcBgPage { background-color: #F9F9F9; } /* used for page background */ .gcBgTabSheet { background-color: #F1F1F1; } /* used inside tabsheet & menu */ .gcTableRow1 { background-color: #EEEEEE; } /* used in for tables rows background */ .gcTableRow2 { background-color: #DDDDDD; } /* used in tables rows & some widgets background */ .gcBorder { border-color: #AAAAAA; } /* used for borders */ .gcBorder2 { border-color: #666666; } /* used for widgets borders */
thème foncé :
.gcText { color: #666666; } /* used for text */ .gxText2 { color: #FF3366; } /* used for table header */ .gxText3 { color: #FF3366; } /* used for tabs text */ .gcLink { color: #FF7700; } /* used for link */ .gcLinkHover { color: #FF3333; } /* used for link */ .gcBgPage { background-color: #111111; } /* used for page background */ .gcBgTabSheet { background-color: #222222; } /* used inside tabsheet & menu */ .gcTableRow1 { background-color: #111111; } /* used in for tables rows background */ .gcTableRow2 { background-color: #222222; } /* used in tables rows & some widgets background */ .gcBorder { border-color: #FF3363; } /* used for borders */ .gcBorder2 { border-color: #666666; } /* used for widgets borders */
Hors ligne