修改 Typora 主題樣式

操作步驟:

  1. 打開 Typora 主題文件夾:文件偏好設置外觀主題打開主題文件夾FilePreferenceAppearance – (Themes) Open Theme Folder
    操作界面示意圖
  2. 新增用戶自定義樣式文件 base.user.css
/* CSDN code snippet */
code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 2px
}

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

效果圖:

自定義樣式效果圖

注意事項

  1. 樣式文件加載先後順序:
    1. Typora 基本樣式;
    2. 當前主題樣式;
    3. 通用自定義樣式:主題文件夾下 base.user.css 中的樣式(樣式文件需自行添加);
    4. 當前主題自定義樣式: {current-theme}.user.css,如 github.cssNewspring.css 等;
  2. 自定義樣式最好單獨備份,以便後續版本更新後直接複用。

官網參考

設置自定義樣式:https://support.typora.io/Add-Custom-CSS/
設置新主題:https://support.typora.io/About-Themes/

發佈了38 篇原創文章 · 獲贊 23 · 訪問量 10萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章