经常需要写层次很多的列表,发现层次嵌套多了之后不够清晰,难以区分层次。因此想到能不能在每一层前面显示一条竖线,增强层次感。今天通过修改主题文件实现了,先看一下效果:
修改前:
修改前
修改后:
修改后
添加方法
首先,点击菜单栏“文件” - “偏好设置” - “外观” - “打开主题文件夹”。
image.png
image.png
image.png
以night主题为例,选中“night.css”文件,Ctrl-c Ctrl-v 复制一份作为备份。
然后打开night.css文件(没有编辑器的,用“记事本”打开就可以),滚动到最下方,添加以下内容:
li>ol,
li>ul {
margin: 0 0;
border-left: dashed 1px #474d54;
}
image.png
保存文件,重启Typora,切换到“night”主题,就可以看到嵌套列表显示层次线了。
image.png
image.png
其他主题
其他主题也是同样的方法添加,修改对应的css文件即可。
image.png
Github主题:
li>ol,
li>ul {
margin: 0 0;
border-left: dashed 1px #dfe2e5;
}
Newsprint主题:
li>ol,
li>ul {
margin: 0 0;
border-left: dashed 1px #bababa;
}