1. 程式人生 > 實用技巧 >Typore修改本地字型顏色(修改主題的css檔案)

Typore修改本地字型顏色(修改主題的css檔案)

Typore修改字型顏色

想在typore上實現修改字型顏色,查了兩次都沒找到好的解決辦法,後來發現可以通過修改主題的css檔案來實現。

效果如圖:

(注意:下面的方法可以實現本地字型高亮,如果要複製到其他平臺,請使用<font color="red"></font>這種形式


實現原理:

通過修改所使用主題的css檔案實現背景顏色和字型顏色的自定義

​ 本次以vue主題為例


實現步驟:

  1. 開啟擴充套件

檔案 -> 偏好設定 -> MakeDown -> 拓展語法,選中高亮

  1. 開啟開發者模式

檔案 -> 偏好設定 -> 高階設定 ->開啟除錯模式

  1. 使用高亮(== ==)並檢查元素(右鍵,檢查元素)

點選1處,然後再點一下我們高亮的欄位就可以顯示字型位置,可以看到,加上== ==之後,字型使用了mark標籤,見圖中2處。而預設使用的是3處的樣式,如果你使用的主題沒有覆蓋預設樣式那麼高亮應該是黃色,我使用的是vue主題,所以用的是4處的css樣式,下面我們可以通過修改vue主題的css檔案來實現背景顏色或字型顏色的改變

  1. 找到使用的主題的css檔案

檔案 -> 偏好設定 -> 外觀 -> 主題

  1. 修改css檔案

    比如我們要把背景顏色去掉,把字型顏色改成紅色

    1. 開啟vue.css(vs code,記事本或其他)
    2. 找到mark樣式所在的位置(步驟3的4處)
    3. 如下所示,把背景顏色改為白色,並把字型顏色設定為紅色,修改完儲存退出

  1. 重新開啟typore,使用== == 會發現高亮已經變成無背景色,字型變為紅色了

(注意:如果不是把顏色改為白色,而是刪除背景色那一行,那麼就會使用預設的背景顏色,即之前圖中的3處的黃色。)