用途与实际影响
这项功能怎样使用
为什么需要它
长文不仅需要颜色好看,也要区分层级;代码行若继承了外层卡片样式,会出现逐行圆角和背景错位。
举个实际例子
我在 Typora 里写一份有标题、表格和代码的说明。选择 Verdant Mint 后用同一套样式编辑,代码容器和每行文字保持各自结构。
最后我会得到什么
得到一套可选择的主题;导出给不同读者时仍能另选 PDF 样式。
正常时
主题文件已安装并核对一致;在 Typora 里手动选择后,再看正文、表格和代码的真实显示。
发现问题时
编辑器没显示新样式时先重开并确认选中了 Verdant Mint。
入口不可用或证据不足时
没有可用的 Typora 时只能检查文件和样张,不能称原生编辑器画面已验收。
从哪里开始
运行 python tools/install_theme.py install 把 Verdant Mint CSS 放进 Typora 主题目录,重开后在主题菜单手动选择 Verdant Mint。
需要准备什么
- 要在 Typora 查看的一份文档
- 是否安装并选择 Verdant Mint
从开始到拿到结果
- 1
安装主题文件
工具只复制本项目 CSS,并为差异旧版保留备份。
- 2
在 Typora 选择
重开编辑器并手动切换到 Verdant Mint;安装完成不会自动激活。
- 3
看真实文档
检查中文、表格、代码和打印效果,发现问题再回到主题文件调整。
技术实现与依据
这里保留实现、关键条件、精确入口、历史记录和验证结果。
两个安装文件摘要一致关键规则与设计选择
菜单仅有 verdant-mint.css 一个新增入口,共享 base 不单独列入菜单。
中文字体优先 HarmonyOS Sans SC、Noto Sans SC 和微软雅黑,最终效果受实际字体安装影响。
本模块用到的名词
- 共享结构
- 主题配色和通用排版分文件维护,菜单仍只露一个主题。
专业定义
薄荷绿陪伴书写,结构样式集中维护
解决什么
CSS 文件已安装不证明软件正选中它;版本兼容要以原生窗口实际表现为准。
当前怎样实现
- themes/verdant-mint.css 定义薄荷绿变量并导入 themes/verdant/base.css;基础文件负责正文、标题、引用、表格、列表和打印相关结构。
- CodeMirror(代码编辑器组件)内部 pre / .CodeMirror-line 重置圆角、背景与阴影,避免多行代码继承外层卡片效果。
执行流程
- 1
读取入口和共享 CSS
- 2
安装到主题目录
- 3
重开 Typora 并选中主题
- 4
用包含表格与代码的文档检查
边界
- 主题不包含 Typora 程序,不负责许可证或激活。
失败与恢复
- 字体或原生 DOM 发生变化
- 在实际环境复核,不用浏览器概念图证明全部兼容。
真实入口
themes/verdant-mint.css主题入口
themes/verdant/base.css公共结构与代码行重置
如何验证
- 本次 verify 核对两文件成功,代码行回归测试通过;未重新操作原生窗口。
与其他模块的关系
服务于日常编辑,三个导出样式独立选择。
