guopenghui / obsidian-quiet-outline

Improving experience of outline in Obsidian
MIT License
295 stars 17 forks source link

能否在outline中参照当前主题设置,给标题文本也进行着色 #105

Closed bushnerd closed 11 months ago

bushnerd commented 1 year ago

在outline里已经有了竖线是根据主题设置进行着色的,能否增加选项,给标题文本进行着色,这样标题和标题之间会更醒目一些。 image

yett1873 commented 1 year ago

赞同,希望能像图左floating toc插件一样设置每级heading的颜色,层级关系会醒目很多!

image

guopenghui commented 11 months ago

可以写一个 css snippet 自定义颜色

image

.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;
}
bushnerd commented 11 months ago

我按照这个设置成了Minimal的标题的样式,供大家参考。 image

.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;
}