vscode 修改主題配色

前面我們提到了，當(dāng)你自定義編輯器內(nèi)配色時(shí)，自動(dòng)補(bǔ)全給你提示了所有已經(jīng)安裝的主題。

通過(guò)選擇這些主題，你可以只針對(duì)它們做顏色修改，而不影響其他的主題的顏色。工作區(qū)的顏色修改也是如此。比如說(shuō)，你想修改 Monokai 的某個(gè)顏色定義，那么你可以這么寫(xiě)：

"workbench.colorCustomizations": {
        "[Monokai]": {
            "statusBar.background": "#666666",
            "panel.background": "#555555",
            "sideBar.background": "#444444"
        },
 }

JSON

而相應(yīng)的編輯器顏色修改則是：

"editor.tokenColorCustomizations": {
        "[Monokai]": {
            "strings": "#FF0000"
        }
}

JSON

是不是非常方便呢？

在前面介紹 HTML、CSS 的功能時(shí)，我介紹過(guò)可以在 HTML 和 CSS 中使用取色器來(lái)修改顏色。同樣的，在 JSON 文件中，你也可以使用取色器來(lái)修改。

在上圖中，我因?yàn)殚_(kāi)啟了文件自動(dòng)保存，設(shè)置文件會(huì)自動(dòng)保存然后觸發(fā)顏色的更新，所以當(dāng)我使用取色器修改顏色后，稍等片刻，就能看到這個(gè)顏色在編輯器中的效果了。