Utilisateur:Tractopelle-jaune/CodeMirror-dark
De Wikipedia, l'encyclopédie encyclopedia
CodeMirror-dark est un thème CSS personnalisé pour l'extension CodeMirror que j'ai mis au point.
Il a été conçu dans le but de répondre à plusieurs objectifs :
- Être basé sur un arrière-plan sombre (afin d'être plus reposant pour les yeux) ;
- Utiliser de manière plus étendue la palette des couleurs (le style par défaut devant respecter certaines contraintes de contrastes pour des raisons d'accessibilité, il ne peut pas exploiter toutes les possibilités).
- Permettre de distinguer visuellement si l'on est à l'intérieur d'une référence, ou en dehors (cela est obtenu en utilisant un arrière-plan bleu foncé). L'imbrication, la multitude et la complexité de certaines références font qu'il n'est pas évident de savoir si l'on est dans ou hors d'une référence.
- Mettre au point un système permettant de mettre en évidence de manière claire les parties en gras et/ou italique, y compris quand des modèles, balises ou liens sont présents à l'intérieur. Et ce bien que CodeMirror ne fournisse aucune indication de gras/italique en dehors du texte libre (et partiellement des liens). Grâce à l'utilisation de propriétés CSS4 expérimentales, le système mis au point permet une expansion de l'indication gras/italique sur les différents éléments contenus dans une zone de gras et/ou italique. Cette indication prend la forme d'une bordure en petits tirets de couleur au-dessus et en dessous du contenu en gras/italique.
- Faciliter la modification des tableaux du mieux possible, et ce malgré les carences de CodeMirror en termes d'informations sur certains éléments. CodeMirror fournit des informations pour l'ouverture/fermeture du tableau, ses éventuels attributs globaux, le titre du tableau, et les délimiteurs. Mais aucune information pour identifier les en-têtes. Néanmoins, en bricolant un peu, il est possible d'identifier la position des en-têtes de tableaux (d'après l'ordre de succession de certaines balises et classes CSS). Les en-têtes font ainsi également l'objet d'une mise en forme spécifique (couleur spécifique, gras et soulignement en pointillés jaunes), visant à les repérer plus facilement.
- Améliorer la lisibilité des listes à puces, que ce soit celles dans les articles, ou celles dans les références (qui font l'objet d'une mise en forme spécifique)