做了一套 Typora 主题,参考 Cursor 官网的视觉风格:纸色背景、墨色文字,橙色只在少数地方出现。浅色、深色各一个,主要用来写技术文档。
项目地址:folay-git/typora-cursor-theme

特点
配色:背景 #f7f7f4,文字 #26251e,橙色只给光标、链接、焦点和当前项。品牌橙 #f54e00 放在纸色背景上对比度只有 3.3:1,小字看不清,文字和链接换成深一档的 #c43e00(4.9:1)。
单栏:正文、代码块、表格、图片、公式、Mermaid 全在同一栏里,左右对齐,默认 56rem(约 896px)。超宽的内容在栏内处理:代码换行,7 列以上的表格和公式横向滚动,图片等比缩小。
字体:英文 Inter,代码 JetBrains Mono,引用 EB Garamond,中文用系统字体,行高 1.8。三个字体已经打包在主题里,不用单独装。
基于 GitHub 主题:在 Typora 自带的 GitHub 主题上改的,只动配色、字体、间距这些显示规则,光标、选区、表格和代码块的编辑行为没变。
Mermaid:流程图、状态图、时序图、类图、ER 图、甘特图、饼图统一配色,深浅两套一样。
纯 CSS,没有脚本,也不联网。字号和栏宽用的是 rem,改 Typora 的字号设置会整体跟着缩放。
截图
左边浅色,右边深色。




安装
- 下载 cursor-style.zip 并解压
- Typora → 偏好设置 → 外观 → 打开主题文件夹
- 把
cursor-style.css、cursor-style-dark.css和cursor-style/文件夹复制进去,重启 Typora - 在「主题」菜单里选 Cursor Style 或 Cursor Style Dark
自定义
在主题文件夹里新建 cursor-style.user.css(深色版是 cursor-style-dark.user.css),覆盖想改的变量:
:root { --cs-measure: 64rem; /* 栏宽,默认 56rem */ --cs-leading: 1.7; /* 行高,默认 1.8 */}字体对应 --cs-font-sans、--cs-font-serif、--cs-font-mono。
说明
- 只在 macOS + Typora 1.5.6 上测过,Windows、Linux 没验证,PDF 导出和打印也没验证。
- 窄窗口下饼图的图例可能被截断,这是 Typora 自带 Mermaid 的布局问题,主题解决不了。在图表第一行加
%%{init: {"pie": {"useWidth": 800}}}%%可以缓解。 - MIT 协议。和 Cursor / Anysphere 没有关系,名字只是说明风格来源。