VSCode怎么修改主題顏色? VSCode修改主題配色的技巧
我要評(píng)論
VSCode 修改主題配色
VSCode 修改主題配色，前面我們提到了，當(dāng)你自定義編輯器內(nèi)配色時(shí)，自動(dòng)補(bǔ)全給你提示了所有已經(jīng)安裝的主題。
通過選擇這些主題，你可以只針對(duì)它們做顏色修改，而不影響其他的主題的顏色。工作區(qū)的顏色修改也是如此。比如說，你想修改 Monokai 的某個(gè)顏色定義，那么你可以這么寫：
"workbench.colorCustomizations": {
"[Monokai]": {
"statusBar.background": "#666666",
"panel.background": "#555555",
"sideBar.background": "#444444"
},
}而相應(yīng)的編輯器顏色修改則是：
"editor.tokenColorCustomizations": {
"[Monokai]": {
"strings": "#FF0000"
}
}是不是非常方便呢？
在前面介紹 HTML、CSS 的功能時(shí)，我介紹過可以在 HTML 和 CSS 中使用取色器來修改顏色。同樣的，在 JSON 文件中，你也可以使用取色器來修改。
在上圖中，我因?yàn)殚_啟了文件自動(dòng)保存，設(shè)置文件會(huì)自動(dòng)保存然后觸發(fā)顏色的更新，所以當(dāng)我使用取色器修改顏色后，稍等片刻，就能看到這個(gè)顏色在編輯器中的效果了。
以上就是VSCode修改主題配色的技巧，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
VSCode默認(rèn)主題怎么更換? VSCode更換背景色的教程
VS Code十六進(jìn)制顏色長(zhǎng)度怎么忽略? VSCode設(shè)置六邊形顏色長(zhǎng)度忽略技巧
相關(guān)文章
Vscode如何管理工作區(qū)信任?Vscode設(shè)置工作區(qū)信任的方法
Vscode是一款專業(yè)的編程開發(fā)軟件，該軟件由微軟出品，本文中介紹的是使用這款軟件管理工作區(qū)信任的方法2022-07-13
Vscode如何向上拆分窗口?Vscode向上拆分窗口的方法
Vscode是一款專業(yè)的編程開發(fā)軟件，這款軟件是由微軟出品，本站介紹的是這款軟件向上拆分窗口的方法2022-07-13
Vscode如何打開搜索面板?Vscode打開搜索面板的方法
Vscode是一款由微軟出品的編程開發(fā)軟件，這款軟件功能齊全且豐富，本文中介紹的是使用這款軟件打開搜索面板的方法2022-07-13
VS Code怎么添加Notepad快捷鍵? vs code設(shè)置快捷鍵的技巧
VS Code怎么添加Notepad快捷鍵？VS Code中可以使用自帶的快捷鍵，也可以用Notepad的快捷鍵，該怎么設(shè)置呢？下面我們就來看看vs code設(shè)置快捷鍵的技巧2022-07-15
VS Code怎么新增Emacs快捷鍵? VS Code設(shè)置外部快捷鍵的技巧
VS Code怎么新增Emacs快捷鍵？VS Code中想要添加一些外部軟件的快捷鍵，該怎么添加呢？下面我們就來看看VS Code設(shè)置外部快捷鍵的技巧，詳細(xì)請(qǐng)看下文介紹2022-07-15
VSCode怎么添加IntelliJ IDEA的快捷鍵? VSCode新增快捷鍵擴(kuò)展的技巧
VSCode怎么添加IntelliJ IDEA的快捷鍵？VSCode中想喲添加idea的快捷鍵，該怎么操作呢？下面我們就來看看VSCode新增快捷鍵擴(kuò)展的技巧，詳細(xì)請(qǐng)看下文介紹2022-07-15
vscode怎么寫markdown? VSCode編輯Markdown的技巧
vscode怎么寫markdown？vscode中想要寫Markdown，該怎么操作呢？下面我們就來看看VSCode編輯Markdown的技巧，詳細(xì)請(qǐng)看下文介紹2022-07-15
VS Code怎么添加在線服務(wù)? VS Code打開在線服務(wù)設(shè)置的技巧
VS Code怎么添加在線服務(wù)？VS Code中可以根據(jù)需要添加在線服務(wù)，下面我們就來看看VS Code打開在線服務(wù)設(shè)置的技巧，詳細(xì)請(qǐng)看下文介紹2022-07-15
VS Code怎么顯示所有任務(wù)? VS Code設(shè)置快速打開顯示所有的技巧
VS Code怎么顯示所有任務(wù)？VS Code有很多任務(wù)，想要快速顯示所有任務(wù)，該怎么操作呢？下面我們就來看看VS Code設(shè)置快速打開顯示所有的技巧2022-07-15
vscode前端必備擴(kuò)展有哪些? 25個(gè)提升開發(fā)幸福感的VSCode擴(kuò)展分享
vscode前端必備擴(kuò)展有哪些？vscode中會(huì)使用到各種擴(kuò)展，今天我們就來介紹25個(gè)提升開發(fā)幸福感的VSCode擴(kuò)展，詳細(xì)請(qǐng)看下文介紹2022-08-03
