VSCode怎么修改主題顏色? VSCode修改主題配色的技巧

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