不会满意的 Obsidian 主题？不妨自己动手做一个

B 两站 UP 主 DasAutoooo 的基础科学知识视频，可快速对两者有个大体上的无论如何。

▍正要指导

明确指出剩大体上的概念之前，我们就可以来到正要阶段了。

我们首先以要做到的，就是要给软体配置一个 CSS Gmail界面。在此，我强烈延揽适用微软开发的 Visual Studio Code。因为一个 VS Code，就可以山腰无数个并不相同口语的Gmail界面，且它自身机制非常强大且实用。

第二步，我们可在 Obsidian 均观内部设计设为的页面之中面，见到「隐喻」栏中，浏览者明文系统图样的遥控器，均可关上放于均观内部设计隐喻 CSS 明文的明文系统，在此明文系统之中面就能见到均观内部设计隐喻 CSS 明文。

第三步，我们可浏览者「CSS 编码片断」栏中左边的明文系统遥控器，在此明文系统之中面上新自建一个 CSS 明文，比如上新自建一个 txt 播放器的文件，对其重新命名，将词组改回为「.css」均可，成立变为功后浏览者「CSS 编码片断」栏中左边的刷上新遥控器就时会揭示此 CSS 明文，关上继电器就能将效用系统会应用至均观内部设计上。

一般来说，Obsidian 每个谷仓的均观内部设计设为都是独立的，谷仓与谷仓密切关系互相严重影响，所以如果我们亦同了一个上新的谷仓，需替换成相同的均观内部设计设为，只要将自营的 CSS 明文载入上新谷仓的「CSS 编码片断」明文系统之中面均可。

之后，我们可关上 VS Code，将原 CSS 均观内部设计明文和自营的 CSS 编码片断必要拖拽出去插件之中，就能提示或改所写回 CSS 明文了。

一个小贴士：对于第一次适用 VS Code 的好朋友，改所写回剩 CSS 明文后回想按 Ctrl + S 透过手动完好，或开启备用完好机制。

▍改所写回过程

01改所写回字词紫色

在「Things」这个隐喻之中面，每一级的书名并不遵循某个表征，六级书名适用了五种紫色，我即便如此难以无论如何为什么二级书名和三级书名是同一种紫色。为了我的自尊，我第一个要改回的，就是各级书名的紫色。

按住Ctrl + Shift + I ，关上微软辅助工具，浏览者视窗左上角的「必需网站之中面的附加特性均可透过核查」，离开 Obsidian 的视窗，此时桌面行进至任何区域内都时会有图标显眼揭示。

我已经事先以正要好了六级书名的注释，行进桌面点选「一级书名」的字样，微软辅助工具视窗就时会图标揭示此处的 HTML 特性。不均如此，左边的图样视窗时会重现所有与这个 HTML 特性特别的 CSS 图样。

系数得同样的是「」这一个框框，我们可以看见其之中面恰巧所写着「color: var(；还有h1-color)」，意思就是注释的紫色由「；还有h1-color」这个参数的系数所立即。

「；还有h1-color」的系数是什么？

我们可以关上「Things.css」来提示，适用 Ctrl + F 对「；还有h1-color」透过检索，马上就能看见「；还有h1-color: var(；还有text-normal)」，这样一来「；还有h1-color」的系数又是由「；还有text-normal」所立即的。我们于是又次检索「；还有text-normal」，时会辨认出「；还有text-normal」有两个系数，这是因为 Obsidian 的均观内部设计有深色和浅色两种来透过，所以原所作时会做到出辨别。

那么，我们以前是要改所写回「；还有text-normal」的系数，就能改所写回一级书名的注释紫色了吧？道理或许是这样的，但是实际操控起来却不必这么做到。

因为我们可以从 CSS 明文之中面看见，「；还有text-normal」不止对一级书名的注释紫色产生严重影响，其他注释的紫色也是由它所立即的，所以如果我们改所写回了「；还有text-normal」的系数，一级书名的注释紫色确系统会会有所变化，但有可能其他注释的紫色也时会因此改回变。

在不确认的但时会，尽量不必去改所写回参数，除非你或许要装配地改回动整个 CSS 图样，不然，要改回就只改回最必要严重影响特性的要素就好。

比如，在这个都是之中面，一级书名的紫色所写着「color: var(；还有h1-color)」，那就必要所称定紫色是什么就好，比如改回变为「color: #de1a17」。CSS 不均赞同适用十六进制系数来所称定紫色，我们还可以适用 RGB、RGBA、HSL、HSLA 来所称定紫色。

改所写回过程如下，遗传物质微软辅助工具视窗之中面 这个框框之中的段落，或者在原均观内部设计明文之中面见到这均段落并遗传物质，我自建议是适用后者这个工具，因为这样在播放器上不容易出错。

将遗传物质的段落粘贴至自营的 CSS 明文之中，大括号内不能改回动的设为可以删去，均留下来要改回动的段落均可。

具体情况的所罗马字母为：

.empty-state-title,

.markdown-preview-viewh1,

.HyperMD-header-1.cm-header-1,

.cm-s-obsidian.cm-header-1{

color: #de1a17;

}

或者，在理论上这个案例之中面，我们可以辨认出，虽然「；还有text-normal」时会严重影响到除了一级书名均的其他注释的紫色，但是「；还有h1-color」这个参数却只时会严重影响一级书名注释的紫色，所以，在这种确认只严重影响我们要改所写回的均的但时会，我们也可以通过改所写回「；还有h1-color」的系数来改回变一级书名的紫色。

「；还有h1-color」的系数要如何改所写回呢？

在原 CSS 明文之中面通过查找见到「；还有h1-color」，我们时会辨认出，「；还有h1-color」是被放在「:root」内的。所写在「:root」内的参数，可以无论如何为全局参数。

于是，在自营的 CSS 明文之中面，我们可以这样所写：

:root{

；还有h1-color: #de1a17;

}

如此操控，完好好改所写回的 CSS 明文，效用就时会紧接著在 Obsidian 之中生效。

改所写回紫色大体上就是以上的步骤，我们可以依样画葫芦，对其他播放器的紫色透过附加。

一个小贴士：适用 VS Code 的用处之一，就是可以像内部设计插件一样手动即时附加紫色。

02 改所写回字词取材紫色

字词取材紫色出现的kHz，比字词紫色要极低得多，有时候是在适用了图标机制之前，我们才能看见字词取材紫色的存在。

Things 隐喻之中面图标机制的字词取材紫色，并不需要用「极低调」来讥讽，仿佛怕被同样到一样，所以我立即要把图标机制的字词取材紫色也改回一改回。

操控步骤和改所写回字词紫色差不多，适用微软辅助工具定位特性，于是又提示它的图样。并不相同的是， 不能所称定字词紫色或者字词取材紫色。

但是在其周围能看见以下段落：

.cm-s-obsidianspan.cm-formatting-highlight,

.cm-s-obsidianspan.cm-highlight{

background-color: var(；还有text-highlight-bg);

color: var(；还有text-normal);

}

这段就是立即图标字词的紫色和取材紫色的 CSS 编码，将其载入自营 CSS 明文之中面，改所写回这两种要素的系数就改所写回剩变为了。

系数得同样的是，如果我们这时从编辑网格连动变为写作网格，时会辨认出图标紫色还是老样子，不能任何改回变。这很经常性，有的时候编辑网格和写作网格的 CSS 编码并不相同，若只改回动了编辑网格，当然严重影响不住写作网格。

我们通过微软辅助工具对写作来透过下的图标段落透过排序，见到以下段落：

.markdown-renderedmark{

background-color: var(；还有text-highlight-bg);

color: var(；还有text-normal);

}

这段就是写作来透过下立即图标段落紫色的 CSS 编码，改所写回大括号内两种紫色的系数均可。

虽然紫色改所写回变为功了，但似乎还有一个关键问题需同样，那就是 Obsidian 有深色来透过和浅色来透过，有的时候在深色来透过下看得可信和舒适度的紫色，却不一定必需适用于浅色来透过。那么，如何对这两种来透过透过辨别呢？

很单纯，在大括号前的每恰巧配置明文前面连带「.theme-light」或者「.theme-dark」，用中文空格分隔，例如——

.theme-light.cm-s-obsidianspan.cm-formatting-highlight,

.theme-light.cm-s-obsidianspan.cm-highlight{

background-color: #ffe1be;

color: #000000;

}

这样就能把浅色来透过和深色来透过的紫色进一步加以辨别了。

03 改所写回大所写

除了改所写回紫色，我们还可以改所写回 Obsidian 适用的大所写。

提示理论上隐喻适用的是什么大所写，可以先以在原 CSS 明文之中面查找「font-family」，有的时候所作们时会必要在要素之中所写明用哪些大所写，有的时候他们也时会先以所写好一个参数，然后将要素的系数举例来说参数的系数，就无需反复所写明用哪些大所写了。

通过查找，我在「Things.css」之中见到了所作所写的四个大所写特别的参数。

:root{

；还有text: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;

；还有text-editor: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;

；还有font-monospace: 'JetBrains Mono', SFMono-Regular, Consolas, 'Roboto Mono', monospace;

；还有font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;

}

它们分别是「；还有text」（立即写作来透过下的大所写）、「；还有text-editor」（立即编辑来透过下的大所写）、「；还有font-monospace」（立即编码块之中面适用的大所写）、「；还有font-ui」（立即 UI 界面适用的大所写）。

就拿「；还有text-editor」来举例吧，它的系数由很多个大所写所组变为，用逗号透过分隔，名列越前，优先以级越高，Gmail界面就时会优先以用名列队前的大所写来纹理。如果Gmail界面辨认出用不上，就用后面的大所写，所以之后一个大所写不一定是最最通用的大所写，以确保所有字词都必需经常性揭示。

比如这个案例之中面适用的「sans-serif」，所称的就是无衬线大所写，如果前面的西文大所写不能包含之中面中文，Gmail界面清查到之后，就时会用上无衬线大所写来揭示之中面中文。

图源：newenglandrepro.com

我们可以同样到，由于「Things」隐喻的所作并非举国，所以他不能为之中面中文大所写做到众所周知的设为。

那我只想图标之中面中文大所写该怎么所写到 CSS 之中呢？把大所写名称所写进系数之中均可，别平生了用逗号分隔。大所写需是已配置在软体上的。还是老样子，我们可以通过改所写回参数的系数来装配改所写回，也可以具体情况改所写回某种播放器适用什么大所写。

需同样的是，有时候但时会，我们时会先以所写中文大所写，后所写之中面中文大所写，不必要中文揭示变为之中面中文大所写包之中的中文。

:root{

；还有text-editor: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', 枫香宋体, sans-serif;

}

另均一个需同样的区域内是，最好是用那些均有并不相同字重的大所写，这样在此之后附加字重的时候才时会有所区别。

「font-weight」这个要素就是用来立即字重的，字重的系数可以是一个介于 1 至 1000 密切关系的幂，也可以是「normal」（相等于倍数系数 400）、「bold」（相等于倍数系数 700）、「lighter」和「bolder」。

除了字重均，我们还可以附加字号。「font-size」这个要素就是用来立即字号的，系数的单位可以是 px（像素），或者 em（1 em = 16 px）。

04 改所写回下划线

Markdown 并不能关于下划线的语法，如果我们要掺入下划线的话，可以适用 HTML 的语法来上面。

下划线

是 HTML 的标识，有标识，就可以在 CSS 之中改回图样，比如换个紫色。

u{

color: #ff9a71;

}

而另一个煎熬我的下划线设为，来自于二级书名。

不知道为什么，「Things」隐喻无端端地要在二级书名之下加一条分割线，这是最折磨我的区域内，我须要要将它去除。

由于这条分割线均出以前写作来透过下，所以我先以连动到了写作来透过，需用微软辅助工具对二级书名透过提示。我能却是这条线，真是明某个区域内给它设为了紫色。

或许，你首先以需无论如何一下什么是「桌面上模型」。（图源：菜鸟教程）

找寻了一时会，我辨认出关键问题是出在所作给 这个标识设为了 border 底部有距离 2px 的圆点（solid），并给这条线赋予了紫色。

h2{

border-bottom: 2pxsolid var(；还有background-modifier-border);

width: 100%;

padding-bottom: 2px;

}

所以我只要把圆点去除就可以应对关键问题。需同样的是，我们一定要改所写离开 border-bottom 的系数，而不必删去 border-bottom 这个要素，不然 Obsidian 时会无论如何变为是对这个要素的系数不做到改回动。

反过来，如果你觉得各级书名下加分割线是一个不错的必需，也可以在其他档次的书名下都连带一个圆点的 border-bottom。

05 改所写回人关系图说

当我们只只想改所写回人关系图说各个均的紫色时，时会辨认出适用微软辅助工具难以提示到它的特性。

其网站文件明确指出的明确指出是「由于人关系图说是适用 和 WebGL 纹理的，因此图标 CSS 难以改回变图说之中面结点和连线的均观内部设计。」不过，其网站文件也有明确指出了用 CSS 改所写回紫色的所罗马字母。

.graph-view.color-fill

.graph-view.color-fill-tag

.graph-view.color-fill-attachment

.graph-view.color-arrow

.graph-view.color-circle

.graph-view.color-line

.graph-view.color-text

.graph-view.color-fill-highlight

.graph-view.color-line-highlight

.graph-view.color-fill-unresolved

比如真是我们要改所写回随笔结点的紫色，可以适用「.graph-view.color-fill」。

.graph-view.color-fill{

color: #5784ff;

}

改所写回桌面改在随笔结点时人关系图说时会图标揭示并不相同的紫色，可以适用「.graph-view.color-fill-highlight」。

.graph-view.color-fill-highlight{

color: #fff;

}

改所写回理论上适用的随笔结点的紫色，可以适用「.graph-view.color-circle」。

.graph-view.color-circle{

color: #ffd000;

}

改所写回未成立的随笔结点的紫色，可以适用「.graph-view.color-fill-unresolved」。

.graph-view.color-fill-unresolved{

color: #ff0000;

}

▍结语

我对 Obsidian 的适用需求并不能很多，单纯够用就行，以上就是我最常适用的 CSS 改所写回 Obsidian 均观内部设计小技能，更加多更加深入更加有趣的段落欢迎大家自费探索。

书名镜像：

_source=wechat&utm_medium=social

所作：手动微波炉

责编：北鸮

/ 更加多首选文章 /

。

怎么治疗干眼症
胃反酸可以吃金奥康吗
感冒是否可以服用阿莫西林
妈咪爱和肠炎宁哪个效果好
抑制胃酸吃什么药好