Les équations MathJax sont colorées en jekyll

Question

Mes équations MathJax sur mon blog Jekyll sont vertes. Je pense que le CSS dans le thème Alembic est en train de surcharger la capacité des équations MathJax à hériter de la même couleur que le texte dans le blog.

J'ai essayé la solution here en utilisant la couleur rouge pour le tester:

A savoir, en ajoutant à _layout/post.html:

<script type="text/x-mathjax-config"> 
MathJax.Hub.Config({ 
    "HTML-CSS": { 
     styles: {".MathJax": {color: "#FF0000 ! important"}} 
     } 
}); 
</script> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script> 

Cela ne fonctionne pas. Et, bizarrement, quand je tape $$ n = 7 $ la partie n= est verte et la 7 est rouge. Très étrange.

Mon thème, une fourche du thème Alembic, est here. Je me demande comment je peux modifier un fichier CSS pour permettre à MathJax d'hériter de la couleur de la police dans mon article de blog.

Here est un exemple en direct.

Answer 1

Ceci est dû à des noms de classe en conflit. D'un coup d'œil, les problèmes se résument à .mi et .mo que la syntaxe highlighter définit (these lines) mais MathJax utilise également dans sa sortie HTML-CSS.

Vous pouvez contourner ce problème en supprimant par exemple les styles du surligneur _syntax.scss (ou en les incluant dans une classe wrapper si disponible).

Dès la fin MathJax, vous pouvez contourner ce problème en ajoutant

.MathJax .mi, .MathJax .mo { 
    color: inherit; 
} 

à votre CSS. Une alternative plus simple pourrait être d'utiliser une autre sortie MathJax, par exemple, la sortie CommonHTML.