【3】VSCode主题设置推荐、自定义配色方案、修改评论高亮颜色

 2024-01-21 04:03:25  阅读 0

相关文章:

推荐主题设置,自定义配色方案,修改注释高亮颜色并设置主题:

就我个人而言,我更忠于界面。 我感觉它比另一张更漂亮。 虽然都安装了,但我还是习惯性的打开它们进行调试。 下面是我使用的主题。

或者在设置--外观中进行详细设置。

官方网站: - ,您可以选择您喜欢的主题

话题推荐

一暗专业版 -

最新版本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"  //春天绿
        },

效果图如下:选中后会高亮显示,注意我更喜欢薰衣草色。

如本站内容信息有侵犯到您的权益请联系我们删除,谢谢!!


Copyright © 2020 All Rights Reserved 京ICP5741267-1号 统计代码