Typore修改本地字型顏色(修改主題的css檔案)
阿新 • • 發佈:2020-12-07
Typore修改字型顏色
想在typore上實現修改字型顏色,查了兩次都沒找到好的解決辦法,後來發現可以通過修改主題的css檔案
來實現。
效果如圖:
(注意:下面的方法可以實現本地字型高亮,如果要複製到其他平臺,請使用<font color="red"></font>
這種形式)
實現原理:
通過修改所使用主題的css檔案實現背景顏色和字型顏色的自定義
本次以vue主題為例
實現步驟:
-
開啟擴充套件
檔案 -> 偏好設定 -> MakeDown -> 拓展語法,選中高亮
-
開啟開發者模式
檔案 -> 偏好設定 -> 高階設定 ->開啟除錯模式
-
使用高亮(== ==)並檢查元素(右鍵,檢查元素)
點選1
處,然後再點一下我們高亮的欄位就可以顯示字型位置,可以看到,加上== ==
之後,字型使用了mark
標籤,見圖中2
處。而預設使用的是3
處的樣式,如果你使用的主題沒有覆蓋預設樣式那麼高亮應該是黃色,我使用的是vue主題,所以用的是4
處的css樣式,下面我們可以通過修改vue主題的css檔案來實現背景顏色或字型顏色的改變
-
找到使用的主題的css檔案
檔案 -> 偏好設定 -> 外觀 -> 主題
-
修改css檔案
比如我們要把背景顏色去掉,把字型顏色改成紅色
- 開啟
vue.css
(vs code,記事本或其他) - 找到
mark
樣式所在的位置(步驟3的4處) - 如下所示,
把背景顏色改為白色
,並把字型顏色設定為紅色,修改完儲存退出
- 開啟
-
重新開啟typore,使用== == 會發現高亮已經變成無背景色,字型變為紅色了
(注意:如果不是把顏色改為白色,而是刪除背景色那一行,那麼就會使用預設的背景顏色,即之前圖中的3處的黃色。)