Visual Studio Code(代碼編輯器) v1.80.1 32位 官方中文免費綠色版

• 類型：編譯工具
• 大小：123MB
• 語言：簡體中文
• 時間：2023-07-15

查看詳情

VSCode 修改主題配色

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

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

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

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

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

是不是非常方便呢？

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

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

以上就是VSCode修改主題配色的技巧，希望大家喜歡，請繼續關注風君子博客。

相關推薦：

VSCode默認主題怎么更換? VSCode更換背景色的教程

VSCode修改編輯器配色? vscode代碼配色方案介紹

VS Code十六進制顏色長度怎么忽略? VSCode設置六邊形顏色長度忽略技巧

總結

以上是生活随笔為你收集整理的VSCode怎么修改主题颜色? VSCode修改主题配色的技巧的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。