修改 Typora 主题样式

最新推荐文章于 2026-05-21 13:07:19 发布

原创最新推荐文章于 2026-05-21 13:07:19 发布 · 5.5k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#Typora #主题 #自定义样式 #CSS #样式

收录于

日常小问题专栏收录该内容

26 篇文章

订阅专栏

本文详细介绍如何在Typora中设置自定义样式，包括创建用户样式文件base.user.css的方法，以及如何调整代码高亮和选中文本背景颜色。文章还解释了样式文件的加载顺序，并提供了官方文档的链接。

操作步骤：

打开 Typora 主题文件夹：文件 – 偏好设置 – 外观 – 主题 – 打开主题文件夹（File – Preference – Appearance – (Themes) Open Theme Folder）
新增用户自定义样式文件 base.user.css：

/* CSDN code snippet */
code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 2px
}

/* Spring Doc selected text*/
::selection {
    background-color: #D1FE78
}

效果图：

自定义样式效果图

注意事项

样式文件加载先后顺序：
1. Typora 基本样式；
2. 当前主题样式；
3. 通用自定义样式：主题文件夹下 base.user.css 中的样式（样式文件需自行添加）；
4. 当前主题自定义样式： {current-theme}.user.css，如 github.css、Newspring.css 等；
自定义样式最好单独备份，以便后续版本更新后直接复用。