一、几点疑问
-
你更改css的目的是不是想制作一个所见即所得的主题?
我注意到你的编辑模式下,内部链接的语法[[``]]
以及标题的#
都被隐藏起来了,你想要的效果是不是将<sub>
`隐藏掉 -
在输入数学公式、化学符号时候为什么不用LaTeX语法?
例如试着使用$2H-NbS_2$
,C_{21}^{15}
$H_{下标}$
H^{上标}
二、对你这两个问题的回复
- 将html语法中的标签更改字体颜色,添加如下css代码。可能会影响到所有形如
<abcd>
这样的词
.theme-light{
--edite-html-tag:#27bd27;
}
.theme-dark{
--edite-html-tag:#31cd34;
}
.cm-tag,
.cm-bracket,
.cm-hmd-html-begin{color: var(--edite-html-tag) !important;}
- 将改变文件图标颜色,将你给出的snippets代码替换为如下代码,其余不变
/* 引用文件时,文件名前面会出现 “文档” icon */
.markdown-preview-view a.internal-link::before {
margin-right: 4px;
margin-left: 2px;
content: '';
background-image: url("data:image/svg+xml,%3Csvg t='1639653824997' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2100' width='200' height='200'%3E%3Cpath d='M561.6 64.4H185.8c-6.6 0-13 2.6-17.7 7.3-4.7 4.7-7.3 11.1-7.3 17.7v851.8c0 13.6 11.2 25.1 25 25.1h651.6c6.6 0 13-2.6 17.7-7.3 4.7-4.7 7.3-11.1 7.3-17.7v-714 137.8L812.2 315v601.2H210.9V114.5h400.8l-50.1-50.1z m0 0' p-id='2101' fill='%2327bd27'%3E%3C/path%3E%3Cpath d='M561.6 64.4L862.2 365h-251c-27.3-0.2-49.4-22.3-49.6-49.6v-251z m0 0M311.1 315h150.3v50.1H311.1zM311.1 515.4h400.8v50.1H311.1zM311.1 715.8h400.8v50.1H311.1z' p-id='2102' fill='%2327bd27'%3E%3C/path%3E%3C/svg%3E");
/*background-color: #ff0000;*/
background-size: 16px 16px;
transform: translate(0, 3px);
background-repeat: no-repeat;
display: inline-block;
height: 16.8px;
width: 16.33px;
}
三、如果你想知道更多,授人以渔
Obsidian主题样式修改半入门教学 - 经验分享 - Obsidian 中文论坛
关于更改图标:
iconfont-阿里巴巴矢量图标库
这个网站有一些常用图标的svg代码
URL-encoder for SVG (yoksel.github.io)
这个网站可以将svg代码转化为css中需要的格式
加图标的这段css代码中background-image:url(“这里输入svg图片转化过来的css代码”),
例如:
background-image: url("data:image/svg+xml,%3Csvg t='1639653824997' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2100' width='200' height='200'%3E%3Cpath d='M561.6 64.4H185.8c-6.6 0-13 2.6-17.7 7.3-4.7 4.7-7.3 11.1-7.3 17.7v851.8c0 13.6 11.2 25.1 25 25.1h651.6c6.6 0 13-2.6 17.7-7.3 4.7-4.7 7.3-11.1 7.3-17.7v-714 137.8L812.2 315v601.2H210.9V114.5h400.8l-50.1-50.1z m0 0' p-id='2101' fill='%2327bd27'%3E%3C/path%3E%3Cpath d='M561.6 64.4L862.2 365h-251c-27.3-0.2-49.4-22.3-49.6-49.6v-251z m0 0M311.1 315h150.3v50.1H311.1zM311.1 515.4h400.8v50.1H311.1zM311.1 715.8h400.8v50.1H311.1z' p-id='2102' fill='%2327bd27'%3E%3C/path%3E%3C/svg%3E");
其中有一段为fill='%2327bd27'
,意为将当前的图形填充颜色为#27bd27,%23j就是#。