Closed bushnerd closed 11 months ago
赞同,希望能像图左floating toc插件一样设置每级heading的颜色,层级关系会醒目很多!
可以写一个 css snippet 自定义颜色
.n-tree-node.level-1 .n-tree-node-content {
color: red;
}
.n-tree-node.level-2 .n-tree-node-content {
color: orange;
}
.n-tree-node.level-3 .n-tree-node-content {
color: yellowgreen;
}
.n-tree-node.level-4 .n-tree-node-content {
color: green;
}
.n-tree-node.level-5 .n-tree-node-content {
color: lightblue;
}
.n-tree-node.level-6 .n-tree-node-content {
color: deepskyblue;
}
我按照这个设置成了Minimal的标题的样式,供大家参考。
.n-tree-node.level-1 .n-tree-node-content {
color: #d9707d;
}
.n-tree-node.level-2 .n-tree-node-content {
color: #c99b6e;
}
.n-tree-node.level-3 .n-tree-node-content {
color: #c7c16f;
}
.n-tree-node.level-4 .n-tree-node-content {
color: #8cb87a;
}
.n-tree-node.level-5 .n-tree-node-content {
color: #63b1f0;
}
.n-tree-node.level-6 .n-tree-node-content {
color: #a470c2;
}
在outline里已经有了竖线是根据主题设置进行着色的,能否增加选项,给标题文本进行着色,这样标题和标题之间会更醒目一些。