vscode 修改主題配色

前面我們提到了，當你自定義編輯器內配色時，自動補全給你提示了所有已經安裝的主題。

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

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

JSON

而相應的編輯器顏色修改則是：

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

JSON

是不是非常方便呢？

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

在上圖中，我因為開啟了文件自動保存，設置文件會自動保存然后觸發(fā)顏色的更新，所以當我使用取色器修改顏色后，稍等片刻，就能看到這個顏色在編輯器中的效果了。