0


更改vs code的界面颜色 vscode修改界面颜色及风格(中文英文界面都有) 手动设置vs code的界面背景颜色

我本人不太喜欢那种vscode默认自带的那种黑洞洞的界面

作为一个有为青年,自然需要明亮干净的界面

这个修改起来很简单,打开vscode

》的意思是下级菜单

File-》Preferences-》Color Theme

中文模式下是

文件》首选项》颜色主题

注意不要直接用鼠标点击选择,而是按键盘上的上下键(就是四个上下左右的箭头的那个,玩游戏的都知道控制走路方向的)

这个可以预览每个界面风格的效果,每个试一下,选择一个自己喜欢的,本人喜欢Quiet Light界面。

至于如何将vscode设置为中文请看我的另一篇文章。

将vscode设置为中文界面

我的 vscode安装位置 查看vscode的安装路径

VS/Visual Studio怎么找到安装目录-百度经验 (baidu.com)

C:\Users\yll\AppData\Local\Programs\Microsoft VS Code

手动修改 vscode背景颜色 VSCode修改编辑器(代码窗口)背景色

(1067条消息) VSCode修改编辑器(代码窗口)背景色_小桥流水人家jjh的博客-CSDN博客

我正在使用的是quite light主题

所以要进入 theme-quitelight 文件夹 去修改背景色 或者改变其他的内容

VSCode自定义配色方案 - garvenc - 博客园 (cnblogs.com)

因配置文件内容太长放至文末,以下说明对照配置文件内容阅读更易理解。

VSCode使用其以下两个节点:
参数名作用colorsVSCode各个UI组件的颜色tokenColors语法高亮颜色

colors

colors节点的内容直接通过键值对参数描述,以下列举几个参数的作用:
图示参数名作用2activityBar.background活动栏背景色1activityBar.foreground活动栏前景色(例如用于图标)12editor.background编辑器背景颜色13editor.foreground编辑器默认前景色editor.findMatchBackground当前搜索匹配项的颜色editor.findMatchHighlightBackground其他搜索匹配项的颜色15editor.lineHighlightBackground光标所在行高亮文本的背景颜色editor.selectionBackground编辑器所选内容的颜色editor.selectionHighlightBackground与所选内容具有相同内容的区域颜色editor.rangeHighlightBackground突出显示范围的背景颜色,例如 "Quick Open" 和“查找”功能16editorBracketMatch.background匹配括号的背景色14editorCursor.foreground编辑器光标颜色11editorGutter.background编辑器导航线的背景色,导航线包括边缘符号和行号10editorLineNumber.foreground编辑器行号颜色5sideBar.background侧边栏背景色4sideBar.foreground侧边栏前景色3sideBarSectionHeader.background侧边栏节标题的背景颜色17statusBar.background标准状态栏背景色17statusBar.noFolderBackground没有打开文件夹时状态栏的背景色17statusBar.debuggingBackground调试程序时状态栏的背景色9tab.activeBackground活动选项卡的背景色8tab.activeForeground活动组中活动选项卡的前景色7tab.inactiveBackground非活动选项卡的背景色6tab.inactiveForeground活动组中非活动选项卡的前景色

结果展示

调整editor.background 为 abyy的颜色之后

标签: vscode ide 编辑器

本文转载自: https://blog.csdn.net/qq_52813185/article/details/128633353
版权归原作者 Young.Dr 所有, 如有侵权,请联系我们删除。

“更改vs code的界面颜色 vscode修改界面颜色及风格(中文英文界面都有) 手动设置vs code的界面背景颜色”的评论:

还没有评论