相关文章:
推荐主题设置,自定义配色方案,修改注释高亮颜色并设置主题:
就我个人而言,我更忠于界面。 我感觉它比另一张更漂亮。 虽然都安装了,但我还是习惯性的打开它们进行调试。 下面是我使用的主题。
或者在设置--外观中进行详细设置。
官方网站: - ,您可以选择您喜欢的主题
话题推荐
一暗专业版 -
最新版本3.10.12于2021年4月10日更新,下载量还是很多的,也很不错。 清新舒适。
主题 -
2.0.1是2020年9月21日最新更新的版本。 界面更加人性化。
亲-
1.1.19
2021/4/6
-
2.22.3
2020/11/24
深紫色调使这个主题与其他主题区分开来。 我太爱了! !
一个主题——
丰富多彩的主题!多种颜色,无处不在
0.5.0
2020/10/16
主题 -
33.2.2
2021/3/15
干净简单。
熊猫主题 -
1.3.0
2018/6/30
定制配色方案
首先进入安装目录找到你要修改调整的主题。 以我的文件路径为例:H:\\VS Code\\app\。 主题配置文件都位于/app/目录下。 以 theme- 开头的目录是 Color 主题配置:
每个颜色主题配置目录包含以下文件: .json,我们可以将其用于配色方案。
打开
{"name":"theme-monokai","displayName":"%displayName%",
"description":"%description%","version":"1.0.0",
"publisher":"vscode",
"license":"MIT","engines":{"vscode":"*"},
"contributes":{"themes":[{"id":"Monokai","label":"%themeLabel%",
"uiTheme":"vs-dark","path":"./themes/monokai-color-theme.json"}]},
"repository":{"type":"git","url":"https://github.com/microsoft/vscode.git"}}
参数名称 功能
姓名
主题ID,必须全局唯一,即所有主题的.json中该值不能重复。
-> -> 标签
主题名称,该值显示在“文件-首选项-颜色主题”列表中
-> ->
整体 UI 主题与浅色主题
-> -> 路径
定义配色方案的文件名。 如果是相对路径,就是相对于这个文件的。
然后打开-color-theme.json进行配置。
参数名称 功能
每个UI组件的颜色
语法高亮颜色
节点的内容直接通过键值对参数来描述。
下面列出几个参数的作用:
图解参数名称函数
。
活动栏背景颜色
。
活动栏前景色(例如图标)
12
。
编辑器背景颜色
13
。
编辑器默认前景色
。
当前搜索匹配的颜色
。
其他搜索匹配的颜色
15
.und
光标所在行高亮文本的背景颜色
。
编辑器选择的颜色
。
与所选内容具有相同内容的区域的颜色
.ound
突出显示范围的背景颜色,例如“快速打开”和“查找”功能
16
。
匹配括号的背景颜色
14
。
编辑器光标颜色
11
。
编辑器导航线的背景颜色,包括边缘符号和行号。
10
。
编辑器行号颜色
。
侧边栏背景颜色
。
侧边栏前景色
。
侧边栏部分标题的背景颜色
17 号
。
标准状态栏背景颜色
17 号
。
文件夹未打开时状态栏的背景颜色
17 号
。
调试程序时状态栏的背景颜色
标签。
活动选项卡的背景颜色
标签。
活动组中活动选项卡的前景色
标签。
非活动选项卡的背景颜色
标签。
活动组中非活动选项卡的前景色
使用对象数组来描述每个语法突出显示颜色。 每个对象都有以下结构:
{
"name": "Comment",
"scope": [
"comment",
"punctuation.definition.comment"
],
"settings": {
"background": "#ffffff",
"fontStyle": "italic",
"foreground": "#000000"
}
}
参数名称 功能
姓名
规则描述,简单易懂的描述性文字
范围
范围,指定要使用哪些内部对象。 其含义请参见范围。
->
背景颜色,可选
->
字体,可选,粗体,,
->
前景色,可选
下面列出了文末配置文件中几个名称指定的参数的作用:
参数名称 功能
特点
班级
班级名称
评论
函数名称
关键词
数值
操作员
功能参数
标点
细绳
类型
内置类型
变量名
参考链接:自定义配色方案博客-CSDN博客
具体文件内容我就不贴出来了。 更改颜色和突出显示非常简单。
颜色: 发售地点:
颜色中英文对照表 颜色名称 颜色名称-
可以根据自己的喜好进行调整
修改注释突出显示颜色
接下来我们要修改选择时的高亮和注释颜色,首先打开.json文件
选择突出显示:
只需在 .json 中添加以下字段即可。 颜色可以自定义修改【参考我上面提供的颜色网址】
"workbench.colorCustomizations": {
"editor.selectionBackground": "#e46bc9",
"editor.selectionHighlightBackground": "#a32c3c"
},
修改评论
修改注释颜色并在.json中添加:
"editor.tokenColorCustomizations": {
"comments": "#3CB371" //春天绿
},
效果图如下:选中后会高亮显示,注意我更喜欢薰衣草色。