Morandi

by xwtaidev
Screenshot of the Morandi Obsidian theme
5
4
3
2
1

Description

This theme supports Dark Mode
This theme supports Light Mode

README file from

Github

Morandi

A restrained theme for Obsidian, built from seven muted palettes — one shared palette, not seven skins. Paper in light mode, ink in dark mode; no colour in it is fully saturated.

一个克制的 Obsidian 主题。七组低饱和色被拆开当成一套色板来用——不是七套皮肤。

Morandi 浅色 Morandi 深色

它长什么样

浅色是纸:#F5F1E8 作底,#342F2B 写字,强调色是压暗过的冷陶棕。像钢笔落在米白纸上,没有一处是高饱和的。

深色是墨:底色换成深褐黑 #262220,字是雾白 #EFEAE2,强调色换成冷雾蓝 #AAB5BE——大片暖灰里的一小块冷。

标题用衬线(Iowan Old Style / Songti),正文用系统无衬线。H2 下面一条发丝线,表格只有上下两条细线,其余一律靠留白分层。

七组色分别去了哪

组 原色 在主题里
1 雾白 · 岩灰 · 墨青 引用块;墨青是最"重"的一档,留作可选强调
2 燕麦米 · 雾蓝灰 · 乌木棕 边框、标签描边
3 月砂灰 · 冷陶棕 · 纸白 纸白 = 正文底色;冷陶棕压暗成强调色
4 鼠尾草灰 · 石板灰 · 奶油白 成功色、深色模式的语义绿
5 旧纸白 · 青瓦灰 · 深褐黑 深褐黑 = 正文色,也是深色模式的底
6 雾粉灰 · 可可灰 · 砂岩米 次级文字、==高亮==
7 冷雾蓝 · 亚麻白 · 铅灰 深色模式的强调色

这些 hex 直接拿来当正文色,有的地方过不去对比度(比如冷陶棕 #8F7564 在纸白上只有 3.6:1),所以在组内做了明度归一:色相和饱和度尽量保留,亮度按用途重定。

对比度

组合 对比度
正文 #342F2B / 纸白 #F5F1E8 11.7 : 1
次级文字 #6D625D / 纸白 5.2 : 1
链接 #7A6153 / 纸白 5.1 : 1
深色正文 #EFEAE2 / #262220 13.2 : 1
深色链接 #AAB5BE / #262220 7.6 : 1

正文全部过 WCAG AA。

安装

手动安装(发布到社区市场之前):

cp -r obsidian-morandi-theme/. ~/Documents/Obsidian/<你的库>/.obsidian/themes/Morandi/

装进库里的目录必须叫 Morandi:Obsidian 用主题文件夹名匹配 manifest.json 里的 name,两者不一致时主题不会出现在外观列表里。仓库名是 obsidian-morandi-theme,两者互不影响。

不需要 Style Settings,也没有额外依赖。

换强调色

默认强调色是冷陶棕(浅色)/ 冷雾蓝(深色)。想换成七组里的另一组,用 extras/accents.css:把文件放进 .obsidian/snippets/,删掉你想要那一组的注释,在 设置 → 外观 → CSS 片段 里启用。

注意:从社区市场安装只会下载 theme.css 和 manifest.json,extras/ 不会跟着装进你的库;需要的话从 GitHub 仓库取。

已知取舍

  • 衬线标题依赖系统字体。macOS 有 Iowan Old Style 和宋体,效果最好;Windows 会回落到 Palatino / 宋体;Linux 上如果没有 Noto Serif SC,中文标题可能回落到黑体。
  • 主题只改颜色和排版,不改功能区的位置,所以不会和多数插件打架。
  • 深色模式下 --text-on-accent 是深色(因为强调色本身很亮)。如果你在设置里把强调色改成深色,按钮文字会看不清——这是为了「亮色强调 + 深色文字」这一种搭配做的取舍。