(多图)自定义修改 visual studio code 主题色,附绿色主题

本文详细介绍了如何自定义Visual Studio Code的主题颜色,包括活动栏、徽章、面包屑导航、按钮、调试等多个方面的颜色配置,帮助用户打造个性化的开发环境。
摘要由CSDN通过智能技术生成

visual studio code 主题颜色

VsCode-win32-1.47.1

基本

"contrastActiveBorder"/在活动元素周围额外的一层边框,用来提高对比度从而区别其他元素
"contrastBorder"在元素周围额外的一层边框,用来提高对比度从而区别其他元素
"widget.shadow"编辑器内小组件(如查找/替换)的阴影颜色
"progressBar.background"表示长时间操作的进度条的背景色,是一个向右滑动同时伸缩的窄条
"foreground"整体前景色
"icon.foreground"工作台中图标的默认颜色
"imagePreview.border"图片边框颜色
"errorForeground"错误信息的整体前景色,颜色仅在不被组件覆盖时适用

活动栏

活动栏颜色"activityBar.activeBackground"活动栏当前选中项的背景色
"activityBar.activeBorder"活动栏当前选中项靠近窗口边缘处有竖条,竖条颜色
"activityBar.activeFocusBorder"按下活动栏的选中项,边框呈现此颜色
"activityBar.background"活动栏背景色
"activityBar.border"分隔活动栏与其他栏的边界
"activityBar.foreground"活动栏选中和悬停颜色
"activityBar.inactiveForeground"活动栏图标颜色

徽章

信息标签颜色"activityBarBadge.background"活动栏角标背景色
"activityBarBadge.foreground"活动栏角标前景色
"badge.background"信息标签背景色,资源管理器显示的“一个未保存”等等,此颜色与activityBarBadge.background不会互相覆盖,这还是jupyter notebook编辑器的一些边框颜色和文字的背景色
"badge.foreground"信息标签前景色

面包屑导航栏

面包屑导航颜色"breadcrumb.foreground"面包屑普通文字颜色
"breadcrumb.background"面包屑导航背景色
"breadcrumb.activeSelectionForeground"点击面包屑导航一段字后可见字变成此颜色并弹出菜单
"breadcrumb.focusForeground"面包屑上的一段字按住不放可见此颜色
"breadcrumbPicker.background"点击面包屑导航一段字后弹出菜单的背景色

按钮颜色

按钮颜色"button.background"按钮背景色
"button.hoverBackground"按钮在悬停时的背景色
"button.secondaryForeground"辅助按钮前景色。
"button.secondaryBackground"辅助按钮背景色
"button.secondaryHoverBackground"辅助按钮悬停

调试

调试工具栏

调试工具栏颜色 "debugToolBar.background"调试工具栏背景色,就是调试的时候一个很窄的窗口
"debugToolBar.border"调试工具栏边框
"debugIcon.continueForeground"调试工具栏图标,竖线和三角
"debugIcon.disconnectForeground"拔开的插销
"debugIcon.pauseForeground"两竖线
"debugIcon.restartForeground"循环箭头
"debugIcon.stepBackForeground"弯箭头和圆点
"debugIcon.startForeground"空心三角,这个出现在侧边栏的一个下拉框上,不在调试工具栏里
"debugIcon.stepOutForeground"上箭头和圆点
"debugIcon.stepIntoForeground"下箭头和圆点
"debugIcon.stepOverForeground"弯箭头和圆点
"debugIcon.stopForeground"空心方块

断点

断点颜色 "debugIcon.breakpointForeground"断点圆形符号颜色
"debugIcon.breakpointUnverifiedForeground"未验证断点空心圆圈符号
"debugIcon.breakpointDisabledForeground"在断点圆形符号单机右键,点禁用断点,断点圆形符号变为此颜色
"debugIcon.breakpointCurrentStackframeForeground"当前断点堆栈帧的图标颜色,D形的小框套着断点图标
"editor.stackFrameHighlightBackground"编辑器调试中,当前行背景色
"debugIcon.breakpointStackframeForeground"所有断点堆栈帧的图标颜色,有时候D形的小框会变成这种颜色,在单步调试时也可以看到普通颜色的D形框突然变成此颜色
"editor.focusedStackFrameHighlightBackground"debugIcon.breakpointStackframeForeground对应的编辑器行背景色

调试视图

调试视图"debugTokenExpression.value""debugTokenExpression.boolean""debugTokenExpression.number""debugTokenExpression.string"调试视图的变量中不同种类值颜色,不是变量的颜色,是值的颜色;用光标悬停在编辑器中对应变量上也可以看到这些颜色的文本(编辑器组件相关颜色未设置)
"debugTokenExpression.name"调试视图中显示的变量名称的前景色
"debugView.valueChangedHighlight"在“变量”视图中可见此颜色,当变量值改变时,此颜色作为值的背景色突然出现后逐渐淡出并消失,整个过程时间很短
"debugTokenExpression.error"调试视图中表达式错误的前景色,在2020年4月的更新中这个颜色开始可以在主题中设置,上图并没有展示此颜色
"debugView.stateLabelBackground"“调用堆栈”(CALL STACK)视图中标签的背景色,显示当前会话或线程的状态
"debugView.stateLabelForeground"“调用堆栈”视图中标签的前景色
"debugView.exceptionLabelBackground"调试器因异常而中断时,“调用堆栈”视图中显示的标签的背景色,上图并没有展示此颜色
"debugView.exceptionLabelForeground"调试器因异常而中断时,“调用堆栈”视图中显示的标签的前景色

面板

面板颜色 "panel.background"面板背景色,面板显示在编辑器区域下方,可包含输出和集成终端等视图
"panel.border"面板与编辑器之间的边界
"panelSection.border"面板标签下还可以拖好多的标签,拖进去多个视图就在面板里中水平堆叠,这些视图的分隔线颜色
"panelSectionHeader.background"当多个视图在面板中水平堆叠时,这些视图的头部背景色
"panelSectionHeader.border"上图中没有此颜色,在高对比主题中也没发现此颜色……
"panelSectionHeader.foreground"当多个视图在面板中水平堆叠时,这些视图的头部前景色
"panelTitle.activeBorder"面板标题下划线
"panelTitle.activeForeground"活动面板标题字体颜色
"panelTitle.inactiveForeground"不活动的面板标题的字体颜色
"terminal.ansiBlack""terminal.ansiRed""terminal.ansiGreen""terminal.ansiYellow""terminal.ansiBlue""terminal.ansiMagenta""terminal.ansiCyan""terminal.ansiWhite""terminal.ansiBrightBlack""terminal.ansiBrightRed""terminal.ansiBrightGreen""terminal.ansiBrightYellow""terminal.ansiBrightBlue""terminal.ansiBrightMagenta""terminal.ansiBrightCyan""terminal.ansiBrightWhite"这些是集成终端里有色文字的颜色
"terminal.background"集成终端背景色
"terminal.border"并排两个集成终端分割线颜色
"terminal.foreground"集成终端普通文字颜色
"terminal.selectionBackground"终端选中内容的背景颜色,此颜色不透明的话会遮挡文字
"terminalCursor.background"设置"terminal.integrated.cursorStyle": "block"之后可见,终端光标变成方块,被方块盖住的字体成为此颜色
"terminalCursor.foreground"终端光标的前景色
"debugConsole.errorForeground"调试REPL控制台中错误消息的前景色,调试控制台输入支持语法着色
"debugConsole.warningForeground"调试REPL控制台中警告消息的前景色
"debugConsole.infoForeground"调试REPL控制台中信息消息的前景色
"debugConsole.sourceForeground"调试REPL控制台中源文件名的前景色
"debugConsoleInputIcon.foreground"调试控制台输入标记图标的前景色

拖放

拖放颜色"activityBar.dropBorder": "#000"当拖动活动栏上的图标时将可以看到此颜色
"panel.dropBorder"面板头部的标签也可以拖动,拖动将看到此颜色
"panelSection.dropBackground"面板向下方拖动到头部以外时可以看到,这样拖动减少了头部的标签数量
"sideBar.dropBackground"侧边栏拖拽节标题可见
"editorGroup.dropBackground"编辑器选项卡拖拽可见
"list.dropBackground"列表拖拽通用

标题栏和窗框

评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值