源起:
今天早上開機美滋滋打開掘金瀏覽到一篇關於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, 解決。