自定义主题:30+ 可选,也可以自己写
默认主题
Logseq 自带两种主题:
- 默认浅色 — 白底深灰字,清晰易读
- 默认深色 — 深灰底浅灰字,夜间护眼
设置里可以设为自动跟随系统(Windows/macOS 的浅色/深色模式),也可以手动指定。
社区主题
社区贡献了 30+ 主题,安装后在设置里的主题选择器里一键切换。常见的社区主题:
| 主题 | 风格 | 特点 |
|---|---|---|
| Bonofix | Notion 风 | 接近 Notion 的卡片感,移动端体验好 |
| Minimal | 极简风 | 去掉多余装饰,专注内容本身 |
| Academic | 学术风 | 适合论文写作和学术笔记 |
| Cyberpunk | 赛博朋克 | 霓虹色彩,适合程序员 |
| Solarized | 经典 | 经典的 Solarized 配色方案 |
| Gruvbox | 复古暖色 | 复古暖色调,适合长时间阅读 |
| Dracula | 紫黑霓虹 | 经典的 Dracula 主题配色 |
安装社区主题
两种方式:
- 插件市场里的主题插件 — 搜「theme」找主题插件,安装后在设置里的主题下拉菜单里选
- GitHub 仓库 — 某些主题直接托管在 GitHub 上,按 README 说明复制 CSS 文件到 Logseq 的主题目录
主题和布局
主题主要管颜色、字体、间距,不改变 Logseq 的核心布局(左侧树 + 中间编辑区 + 右侧面板)。如果想大幅改变布局(比如隐藏右侧面板、改左侧树宽度),需要写自定义 CSS 或用支持自定义布局的主题。
自己写主题
Logseq 用 CSS 变量定义所有可主题化的元素。在设置 → Custom CSS 里写:
/* 改变链接颜色 */
:root {
--ls-link-color: #0077b6;
--ls-link-hover-color: #023e8a;
}
/* 改变页面标题字体 */
.ls-page-title {
font-family: "Noto Sans SC", sans-serif;
font-weight: 600;
}
/* 改变代码块背景 */
pre {
background-color: #282a36;
color: #f8f8f2;
}
具体可用的 CSS 变量和类名,在开发者文档里有完整列表。写一点小调整(比如改字体、改链接颜色)是最安全的自定义方式。
自定义 CSS vs 主题插件
- 主题插件 — 一键切换,功能完整,跟着插件更新走
- 自定义 CSS — 灵活、可精确控制,但需要自己维护,升级 Logseq 后可能需要调整
如果你只是想换个颜色/字体,写 10 行自定义 CSS 就够了;如果你想要完全不同的视觉体验(像 Notion 风那样),装社区主题更靠谱。
深色模式的重要性
无论你用什么主题,确保它有完整的深色模式。长时间使用 Logseq 的人(每天 2 小时以上)非常在意这一点——默认深色主题够用,但社区主题里深色模式更好看的有不少,值得试试。