vscode 修改 OneDarkpro 主題色的配色


源起:

今天早上開機美滋滋打開掘金瀏覽到一篇關於vscode 好用插件的文章,里面提到一個編輯器背景圖片的修改,作為文藝的搬磚者肯定是觀摩一下,

下載了background 設置后發現:what? 我的編輯器里面jsx 的大括號顏色被修改了,改成了紅色:

而之前的顏色是紫色的,色值是:#56b6c2。如圖:

顏色被篡改后,左右都不對,感覺像報錯了一樣,左右沒辦法,還是要改回直接的顏色。

Step1:

   首先one dark pro 是我們安裝的vscode 擴展程序,它的安裝目錄在 C:\Users\ 你的用戶名\.vscode\extensions 。

    我們找到這個目錄 打開 zhuangtongfa.material-theme-3.0.3 發現 themes 文件夾下的 OneDark-Pro.json,猜測編輯器主題的顏色是由 里面 所控制的。

  驗證下我們的猜測:全局將 #E06C75 也就是被篡改的顏色替換成了 #ca2,保存重啟vscode發現編輯器很多色值已經改變。說明猜測是對的。

    

Step2:  

   打開這個json,我們發現這個文件有點大,大概兩千多行左右,首先大括號的英文是 brace,我們全局搜索這個單詞,發現是有的,修改對應控制的顏色,保存重啟vscode 發現並沒有生效。

   通過排除比對,最終我們定位到915行:

    

 Step3

    我們將里面的 foreground 色值由 #E06C75 修改為我們想要的顏色 #C678DD ,保存重啟vscode發現顏色已經變成之前的樣式。ok, 解決。

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM