AnuPpuccin
Obsidian 的个人主题 :3
在 Gems of the Year 2022 奖项中被评为 最佳主题 🎉
注意
AnuPpuccin 目前处于暂停更新状态!
我最近忙于期末考试和项目,因此无法抽出时间修复错误和问题,对此我深表歉意 😅。感谢您的理解!
前言
请注意,这个主题是我为自己制作的,可能并不适合您的使用场景。不过,我将大部分配置设置为完全可选,以便您选择时能获得尽可能接近原生体验的效果。应用内的大部分变量都重新着色,以便您的自定义代码片段能够轻松与该主题配合使用。
该主题大量使用了 style settings 插件,该插件控制着主题中的大部分功能。即使没有 style settings,该主题也完全可以正常使用,但仅具备插件加持下实际功能的一小部分。
只有当有充分证据表明某项功能/代码是直接复制原始代码而非简单模仿时,我才会回应关于移除该功能/代码的请求。(请在指责我是低投入的主题开发者之前牢记这一点。)
如果你喜欢我的主题:
我制作这个主题主要是为了自己的用途,并且完全免费,但如果你足够喜欢它,愿意往我的帽子里扔几枚硬币,这里有一个链接。

License
AnuPpuccin 采用 GPL-3.0 许可证授权,允许你自由修改代码,但你的 CSS 中必须保留版权和许可证声明。如果你重新分发我代码的一部分,请在你的 CSS 文件中注明我的主题,并说明你使用了哪些代码。如果你这样做,请在你的 README 中保留我的 Buy Me a Coffee 链接。
安装
常规安装
前往你的主题文件夹(.obsidian/themes)并运行:git clone https://github.com/AnubisNekhet/AnuPpuccin.git
更新
前往你的 AnuPuccin 文件夹(.obsidian/themes/Anuppuccin)并运行:git pull
构建
克隆 github 仓库并在根目录中运行sass src/base.scss theme.css。
Community Contributions
AnuPpuccin 有一个 Discussions 页面,专门用于分享为你的 obsidian 配置增添个人特色的代码片段。如果你想分享你的自定义内容,请随意!
Features
Custom palette
Layouts
Anuppuccin 目前支持 2 种布局变体。
彩虹文件夹
该主题附带一个可切换的彩虹文件夹代码片段,它会根据文件夹在文件系统中的顺序为其着色。
如果你需要轻松区分文件夹,或者想让你的库看起来更美观一些(对我来说两者皆是 :P),它非常实用。
完整彩虹主题
此代码片段使彩虹主题应用于根目录的第一层,即仅直接子项。
您可以选择是否同时应用于根文件,并自定义缩进边框颜色。
简单彩虹主题
此代码片段使彩虹主题应用于文件系统中的每个文件夹,顺序由子项在父文件夹中的位置决定。
您可以切换重新着色是否应用于标题、折叠边框、折叠图标,并且还可以向文件夹标题添加一个小图标。
备用标签
可自定义的装饰
提示框
该片段还支持使用您所选调色板的颜色,这意味着提示框永远不会显得格格不入 :)
如果您使用 admonition 插件/拥有自定义提示框颜色,它们不会受到重新着色的影响,因为重新着色仅针对原生提示框。但是,您可以让它们使用 AnuPpuccin 的调色板,以支持按调色板动态主题化。
自定义复选框 & 对话气泡
自定义复选框的设计与 Primary 主题提供的复选框相匹配,以便于迁移和保持一致性。
| 语法 | 描述 |
|---|---|
- [ ] | 未检查 |
- [x] | 已检查 |
- [>] | 已重新安排 |
- [<] | 已安排 |
- [!] | 重要 |
- [-] | 已取消 |
- [/] | 进行中 |
- [?] | 问题 |
- [*] | 星标 |
- [n] | 笔记 |
- [l] | 位置 |
- [i] | 信息 |
- [I] | 想法 |
- [S] | 金额 |
- [p] | 优点 |
- [c] | 缺点 |
- [b] | 书签 |
- ["] | 引用 |
- [u] | 向上 |
- [d] | 向下 |
- [w] | 胜利 |
- [k] | 按键 |
- [f] | 火焰 |
- [0] | 对话气泡 0 |
- [1] | 对话气泡 1 |
- [2] | 对话气泡 2 |
- [3] | 对话气泡 3 |
- [4] | 对话气泡 4 |
- [5] | 对话气泡 5 |
- [6] | 对话气泡 6 |
- [7] | 对话气泡 7 |
- [8] | 对话气泡 8 |
- [9] | 对话气泡 9 |
彩色边框
简化的 Markdown 嵌入
Markdown 嵌入具有替代样式,并带有可切换的动画变体,可以通过样式设置全局切换,或使用嵌入的替代名称单独切换,例如:![[embed|alt-name]]
| 嵌入样式 | 替代名称 |
|---|---|
| 无缝 | seamless |
使用的配色方案
注意:不在基础主题中的配色方案可以通过 扩展配色方案 片段使用。
重要:某些配色方案已被修改以符合 Catppuccin 颜色值风格,这意味着将进行一些更改以使主题感觉更自然。
| 主题 | 浅色模式 | 深色模式 | 额外说明 |
|---|---|---|---|
| Atom | 是 | 是 | 强调色值硬编码在主题中。 |
| Catppuccin | 是 | 是 | 深色主题有 4 种变体,分别是:Frappe、Macchiato、Mocha 和 Mocha Old。 浅色主题称为 Latte。 |
| Coffee | 否 | 是 | 自定义配色方案 |
| Biscuit | 是 | 是 | - |
| Everforest | 是 | 是 | - |
| Dracula | 否 | 是 | - |
| Gruvbox | 是 | 是 | - |
| Nord | 是 | 是 | 还包含一个自定义的更暗的深色主题变体。 强调色值已硬编码到主题中。 |
| Notion | 是 | 是 | - |
| Kanagawa | 否 | 是 | - |
| Rosé Pine | 是 | 是 | 深色主题的第二个变体,即 Rosé Pine dawn 尚未实现。 |
| Rosebox | 否 | 是 | 强调色值已硬编码到主题中。 |
| Royal Velvet | 否 | 是 | - |
| Sandy Beaches | 是 | 否 | 由 melnhh 提供 |
| Solarized | 是 | 是 | - |
| thorns | 否 | 是 | - |
预览
Atom
Catppuccin
Latte
Frappe
Macchiato
Mocha
Mocha Old
通用
深色
AMOLED 深色
Coffee
Biscuit
Everforest
Dracula
Gruvbox
Nord
Nord Light
Nord Dark
Nord Darker (Custom Palette)
Notion
Kanagawa
Rosebox
Rosé Pine
Rosé Pine Dawn
Rosé Pine
Royal Velvet
Sandy Beaches
Solarized
注意:主题通过样式设置进行切换,默认主题为浅色模式下的 Latte 和深色模式下的 Mocha。
自定义 CSS 类
将这些 css 类插入到你的笔记 frontmatter 中,可以单独为笔记设置样式。
| CSS 类名 | 功能 |
|---|---|
heading-normal-toggle | 禁用标题中的颜色 |
decorations-normal-toggle | 禁用文本装饰(如 粗体 和 斜体)中的颜色 |
hide-metadata | 隐藏元数据 |
metadata-button | 启用自定义元数据按钮 |
集成
- Excalidraw
- Kanban
- Style Settings
极简功能
AnuPpuccin 本身不包含任何由 Minimal 提供的代码,但它确实包含了对某些可通过 CSS 编译的功能的样式和样式设置支持。您可以在此处请 Kepano 喝杯咖啡:

推荐字体
- 界面: Overpass
- 正文: Rubik
- 标题: Noto Serif
特别感谢:
- Paul Ryley 为主题做出的无数贡献以及其出色的整体设计感。
- Chuck Harmston 为其出色的替代标签代码片段。
- melnhh 和 Lunairee 为其出色的配色方案。
- EdualcLaiv 将 Royal Velvet 移植到 AnuPpuccin。
- xotea 对主题框架的调整。
- raisabelatrix 的 rainbow tags 变量。
致谢
- @kepano's Minimal 为 colorful frames 提供了灵感,并为样式设置菜单设计提供了部分灵感,同时也为 Minimal Cards 代码片段的样式设置提供了参考
- @ceciliamay's Primary 为 custom checkboxes 和 floating vault title 提供了灵感
- @SlRvb 为 ITS frontmatter 样式设计提供了灵感。
- @Akifyss 为其 border theme 布局设计提供了参考。