Obsidian Series 3 - Appearance

续接上文,从 Obsidian 的基础配置之后,这篇开始进行一些基础的外观设置。

首先对 Obsidian 的两个主题进行强烈推荐: - Blue Topaz - Minimal

因为这两个主题都可以配合第三方插件进行特别精致的定制化,且更新频率较为及时。Obisidian 版本更新有时候会造成一定的 UI 调整。这两款插件几乎都能第一时间更新(Obsidian 项目现任 CEO 是 Minimal 主题的维护者,所以 Minimal 主题一定有及时更新)

主题安装

首先在 Appearance 页面中可以看到 Themes 一栏,其中有一个 Manage 按钮。

点击可以在社区主题展是选择自己喜欢的主题样式。

个人比较推荐 Minimal,因为我在 iPad 上有时候也会浏览自己的笔记内容,Minimal 主题可以提供比较好的可视化效果。

插件设置

关于主题的样式,一种方案是手动调整主题文件中的 css 文件。不过在有了两款插件之后,样式编辑的问题就变得非常轻松了:

Minimal Theme Settings

Minimal Theme Setting 是一个轻量级的样式编辑,可以对一些基础的样式功能进行提示和快速编辑。针对 minimal 主题有效。

Style Settings

针对多款主题都有效的通用配置插件,可以细节定制界面的所有信息,包括每一级标题的颜色、字体等等。功能非常丰富。更细节的设置也可以通过此处的搜索功能进行检索。简而言之通过插件配置可以极大程度上简化自己对主题的细节调整。

此外这里还支持对设置的导入导出,这里给出我的个人配置:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
{
"modular-css-layout-mc@@callout-min-width": 250,
"modular-css-layout-mc@@callout-margin": "3px",
"modular-css-layout-mc@@callout-gap": "0.2rem",
"blue-topaz-theme@@color-scheme-options": "color-scheme-options-avocado-topaz",
"blue-topaz-theme@@font-family-strong": "var(--font-default), 'LXGW WenKai Screen R', 'LXGW WenKai UI', 'Segoe UI Emoji', var(--font-default)",
"blue-topaz-theme@@font-family-tag": "var(--font-default), 'Microsoft YaHei', STzhongsong, STSong, 'Segoe UI Emoji', Serif",
"blue-topaz-theme@@accent-strong@@dark": "#F16060",
"blue-topaz-theme@@accent-strong@@light": "#E14848",
"blue-topaz-theme@@hide-titlebar-text": false,
"blue-topaz-theme@@transparent-setting-panel": false,
"blue-topaz-theme@@setting-etc-pane-style": "setting-default-frosted-glass",
"blue-topaz-theme@@hide-vault-name": true,
"blue-topaz-theme@@search-bar-style-option": "bt-search-bar-top",
"blue-topaz-theme@@font-size-folder-and-file": "0.8em",
"blue-topaz-theme@@font-family-folder-file-title": "'American Typewriter', 'LXGW WenKai', 'Segoe UI Emoji', var(--font-default)",
"blue-topaz-theme@@toggle-calendar-shadow": true,
"blue-topaz-theme@@toggle-calendar-transparent": false,
"blue-topaz-theme@@style-options-for-calendar-plugin": "style-options-for-calendar-plugin-style-one",
"blue-topaz-theme@@full-width-backlinks": false,
"blue-topaz-theme@@font-family-h3": "'American Typewriter', 'LXGW WenKai', 'Segoe UI Emoji', var(--font-default)",
"blue-topaz-theme@@font-family-h4": "'American Typewriter', 'LXGW WenKai', 'Segoe UI Emoji', var(--font-default)",
"blue-topaz-theme@@font-family-h5": "Bookerly, 'LXGW WenKai', 'Segoe UI Emoji', var(--font-default)",
"blue-topaz-theme@@font-family-change-to-default": false,
"blue-topaz-theme@@muted-activeline-bg": false,
"blue-topaz-theme@@rainbow-ordered-list": true,
"blue-topaz-theme@@rainbow-checkbox": true,
"minimal-style@@active-line-on": true,
"minimal-style@@tag-radius": "14px",
"minimal-style@@tag-border-width": "2px",
"minimal-style@@bold-weight": 700,
"minimal-style@@h1-size": "1.6em",
"minimal-style@@h1-weight": 700,
"minimal-style@@h2-weight": 700,
"minimal-style@@h2-size": "1.4em",
"minimal-style@@h3-weight": 700,
"minimal-style@@h3-size": "1.2em",
"minimal-style@@h1-l": true,
"minimal-style@@h1-color@@light": "#324FFF",
"minimal-style@@sidebar-lines-off": false,
"minimal-style@@h3-color@@light": "#0AAE3A",
"minimal-style@@h4-size": "1.1em",
"minimal-style@@h5-size": "1.0em",
"minimal-mobile@@mobile-toolbar-off": false,
"minimal-advanced@@styled-scrollbars": true,
"minimal-advanced@@cursor": "default",
"minimal-style@@h1-color@@dark": "#66CCFF",
"minimal-style@@h2-color@@dark": "#378FF3",
"minimal-style@@h3-color@@dark": "#0CD246",
"quick-explorer@@qe-hide-breadcrumbs": false,
"blue-topaz-theme@@nowrap-outline": true,
"blue-topaz-theme@@file-line-width": 65,
"blue-topaz-theme@@toggle-paragraph-spacing": false,
"blue-topaz-theme@@h1": "1.7em",
"blue-topaz-theme@@clutter-free-headings": false,
"blue-topaz-theme@@funny-header-anim": false,
"blue-topaz-theme@@remove-heading-indicator": false,
"blue-topaz-theme@@retain-header-color": false,
"blue-topaz-theme@@font-family-h1": "'American Typewriter', var(--font-default)",
"blue-topaz-theme@@font-family-h2": "'American Typewriter', var(--font-default)",
"blue-topaz-theme@@font-text-theme": "'American Typewriter', 'LXGW WenKai', 'Segoe UI Emoji', var(--font-default)",
"minimal-style@@max-col-width": "18em",
"minimal-style@@tab-stacked-header-width": 40,
"minimal-style@@titlebar-text-weight": 600,
"minimal-style@@bold-color@@dark": "#FFA6D9",
"minimal-style@@bold-color@@light": "#EA53AA",
"minimal-style@@row-lines": true,
"oz-image-in-editor-plugin@@oz-img-in-editor-max-transclusion-height": 400,
"minimal-style@@h2-color@@light": "#378FF3"
}

Obsidian Series 3 - Appearance
http://blog.chivier.site/2023-03-09/2023/Obsidian-Series-3---Appearance/
Author
Chivier Humber
Posted on
March 9, 2023
Licensed under