解决ayer主题下Mermaid图表背景太暗的问题

背景

配好Mermaid图表后，我发现自动生成的图表背景太暗，和线的颜色混在了一起。刚开始我的思路是换Mermaid图表主题颜色，后来发现换主题只能修改线和图形的样式，不能改背景。经过研究网页CSS结构，我发现主要由于这个主题所有的代码块的背景是深色的，导致Mermaid图表的背景也是继承下来了。

解决方案

找到原因，解决方案也就呼之欲出了，找到主题路径：themes/ayer/layout/_partial/ 下，修改 head.ejs 文件，找到 <!-- mermaid --> 标签，在<style></style> 代码块内添加以下代码：

pre.mermaid {
   background: #dedede;
}

含义为指定mermaid的div的背景，#dedede为背景色，比较浅。
清缓存，重新发布，搞定。