操作步驟:
- 打開 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/