Skip to content

Editor 编辑器

大表哥 edited this page Dec 20, 2021 · 1 revision

Groups & Tabs 编辑器组和选项卡

描述 token 项 dark 变量值 light 变量值
将多个编辑器组彼此分开的边线 editorGroup.border dark-idegrey-5
#43484D light-idegrey-5
#E0E0E0
拖动编辑器时的背景色 editorGroup.dropBackground opacity(dark-idegrey-6,25)
#5F656B40 opacity(light-idegrey-6,25)
#CCCCCC40
Tabs容器的背景色 editorGroupHeader.tabsBackground dark-idegrey-3
#2C3033 light-idegrey-3
#F2F2F2
【未实现】 启用选项卡时,编辑器组标题标题的边框颜色 editorGroupHeader.tabsBorder - -
空编辑器组的背景色 editorGroup.emptyBackground dark-idegrey-1
#202224 light-idegrey-1
#FFFFFF
【未实现】 聚焦的空编辑器组的边框颜色 editorGroup.focusedEmptyBorder - -
活动组中的活动标签背景颜色 tab.activeBackground dark-idegrey-1
#202224 light-idegrey-1
#FFFFFF
【未实现】  非活动编辑器组中的活动Tab背景颜色 tab.unfocusedActiveBackground dark-idegrey-1
#202224 light-idegrey-1
#FFFFFF
活动组中的“活动”选项卡前景色 tab.activeForeground dark-idegrey-10
#FFFFFF light-idegrey-10
#262626
边框,以使制表符彼此分开 tab.border dark-idegrey-3
#2C3033 light-idegrey-5
#E0E0E0
活动标签的底部边框 tab.activeBorder - -
【未实现】 非活动编辑器组中活动选项卡的底部边框 tab.unfocusedActiveBorder - -
活动标签的顶部边框 tab.activeBorderTop - -
【未实现】 非活动编辑器组中活动选项卡的顶部边框 tab.unfocusedActiveBorderTop - -
不活动的标签背景颜色 tab.inactiveBackground dark-idegrey-4
#35393D light-idegrey-4
#ECECEC
活动组中的非活动选项卡前景色 tab.inactiveForeground dark-idegrey-9
#D7DBDE light-idegrey-9
#4D4D4D
【未实现】 非活动编辑器组中的活动选项卡前景色 tab.unfocusedActiveForeground dark-idegrey-7
#868C91 light-idegrey-7
#999999
【未实现】 非活动编辑器组中的非活动选项卡前景色 tab.unfocusedInactiveForeground dark-idegrey-7
#868C91 light-idegrey-7
#999999
hover时的标签背景颜色 tab.hoverBackground - -
【未实现】 hover时未聚焦的组中的选项卡背景颜色 tab.unfocusedHoverBackground - -
hover时突出显示标签的底部边框 tab.hoverBorder - -
【未实现】 hover时突出显示未聚焦组中选项卡的底部边框 tab.unfocusedHoverBorder - -
【未实现, ~~~~vscode已废弃~~~~】 ~~~~活动组中已修改(脏)活动选项卡顶部的边框 tab.activeModifiedBorder - -
【未实现, ~~~~vscode已废弃~~~~】 ~~~~活动组中已修改(脏)的非活动选项卡顶部的边框 tab.inactiveModifiedBorder - -
【未实现, ~~~~vscode已废弃~~~~】 ~~~~ ~~~~未聚焦的组中已修改(脏)的活动选项卡顶部的边框 tab.unfocusedActiveModifiedBorder - -
【未实现, vscode已废弃】 ~~~~未聚焦的组中已修改(脏)的非活动选项卡顶部的边框 tab.unfocusedInactiveModifiedBorder - -
【未实现, ~~~~vscode已废弃~~~~】~~~~编辑器窗格的背景颜色在居中的编辑器布局的左侧和右侧可见 editorPane.background - -
编辑器背景色 editor.background dark-idegrey-1
#202224 light-idegrey-1
#FFFFFF
面包屑的下分割线 kt.editorBreadcrumb.borderDown dark-idegrey-3
#2C3033 light-idegrey-3
#F2F2F2
未保存项圆点颜色 kt.dirtyDot.foreground dark-idegrey-7
#868C91 light-idegrey-7
#999999

图例

image.png

Suggestion widget

描述 token 项 dark 变量值 light 变量值
suggestion 组件中的列表选中背景色 editorSuggestWidget.selectedBackground dark-ideblue-5
#1A66AC opacity(light-ideblue-4,25)
#6EB6FA40

图例

image.png