操作步骤:
- 打开 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
}
效果图:
注意事项
- 样式文件加载先后顺序:
- Typora 基本样式;
- 当前主题样式;
- 通用自定义样式:主题文件夹下
base.user.css
中的样式(样式文件需自行添加); - 当前主题自定义样式:
{current-theme}.user.css
,如github.css
、Newspring.css
等;
- 自定义样式最好单独备份,以便后续版本更新后直接复用。
官网参考
设置自定义样式:https://support.typora.io/Add-Custom-CSS/
设置新主题:https://support.typora.io/About-Themes/