Aide:AbuseFilter/Interface
Ceci n'est pas un guide complet, consultez plutôt Aide:Personnaliser l'interface.
Vous pouvez copier/coller le contenu de Utilisateur:LD/AbuseFilter.css dans votre common.css ou ajouter la ligne suivante à votre common.js :
mw.loader.load( '/w/index.php?title=Utilisateur:LD/AbuseFilter.css&action=raw&ctype=text/css', 'text/css' );
À partir des éléments suivants, personnaliser tout ou partie de l'éditeur.
Élements personnalisables[modifier | modifier le code]
L'éditeur Ace est personnalisable. Consultez « CSS de l’extension AbuseFilter », sur le github de Wikimedia pour une idée plus large de tous les éléments personnalisables. Ci-dessus les principaux éléments.
/* Exemple sans mode daltonisme */
/*Pour une erreur de syntaxe */
#wpAceFilterEditor .ace_invalid {
color: #FFC107; /* Jaune */
text-decoration-line: underline; /* Souligné */
background-color: initial;
background-color: #000000;
}
/*Pour une fonction */
#wpAceFilterEditor .ace_support {
color: #000000; /* Noir */
text-decoration-line: underline; /* Souligné */
}
/*Pour un filtre engorgée */
#wpAceFilterEditor .mw-abusefilter-list-throttled td {
color: #FFC107; /* Jaune */
}
/* Variable dépréciée */
span.ace_invalid.ace_deprecated {
color: #D81B60; /* Rouge */
background-color: initial;
text-decoration-line: underline; /* Souligné */
}
Exemple[modifier | modifier le code]
/* Exemple protanopie */
#wpAceFilterEditor .ace_invalid {
color: #E4CA14; /* Jaune */
text-decoration-line: underline; /* Souligné */
background-color: initial;
background-color: #000000;
}
#wpAceFilterEditor .ace_support {
color: #000000; /* Noir */
text-decoration-line: underline; /* Souligné */
}
#wpAceFilterEditor .mw-abusefilter-list-throttled td {
color: #E4CA14; /* Jaune pour protanopie */
}
span.ace_invalid.ace_deprecated {
color: #6C6F81; /* Rouge pour protanopie */
background-color: initial;
text-decoration-line: underline; /* Souligné */
}
Il suffit de remplacer le code couleur (rouge, vert, bleu ou jaune) selon les affinités et sensibilités pour une meilleure lisibilité. Les codes couleurs conseillés sont listés ci-dessous mais d'autres restent possibles, cf. "Voir aussi" ou un site de couleurs hexadécimales.
Couleurs conseillées[modifier | modifier le code]
Les couleurs suivantes sont issues[1] du travail réalisé par David Nichols sur son site Internet[2].
daltonisme
-nopie
Rouge[modifier | modifier le code]
#D81B60
#6C6F81
#846B54
#D53031
Vert[modifier | modifier le code]
#004D40
#48453E
#4C4346
#140F10
Blue[modifier | modifier le code]
#1E88E5
#5A81DF
#2F86E5
#00929C
Jaune[modifier | modifier le code]
#FFC107
#E4CA14
#FFBF32
#FFB6C1
Voir aussi[modifier | modifier le code]
Dyslexie[modifier | modifier le code]
Si vous activez la police dédiée à la dyslexie, cf. Aide:Dyslexie, celle-ci s'appliquera aussi aux éditeurs de filtre.
Notes[modifier | modifier le code]
- Bien que la balisage par guillemets ne soit pas présent, il s'agit d'une citation.
- (en) « Coloring for Colorblindness » (consulté le )