emehtotas02

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

• activityBar.border#616161
• activityBar.dropBackground#000
• badge.background#fffaa6
• badge.foreground#000000
• breadcrumb.activeSelectionForeground#ff0000
• breadcrumb.focusForeground#ff0000
• breadcrumb.foreground#0000ff
• button.background#fffaa6
• button.foreground#000
• button.hoverBackground#ff0
• checkbox.background#ffffff
• checkbox.border#ff0000
• checkbox.foreground#000000
• descriptionForeground#000000
• dropdown.background#F5F5F5
• dropdown.border#000000
• dropdown.foreground#000000
• dropdown.listBackground#f5f5f5
• editor.background#F5F5F5
• editor.findMatchBackground#f8f8f8
• editor.foreground#000000
• editor.hoverHighlightBackground#0066ff9c
• editor.lineHighlightBackground#f8f8f8
• editor.selectionBackground#b6e0d6
• editorCursor.foreground#FF0000
• editorGroup.dropBackground#ffffff
• editorGroup.emptyBackground#f5f5f5
• editorGroup.focusedEmptyBorder#000000
• editorGroupHeader.noTabsBackground#f5f5f5
• editorGroupHeader.tabsBackground#f5f5f5
• editorGroupHeader.tabsBorder#000000
• editorHoverWidget.background#fffaa6
• editorHoverWidget.border#ff0
• editorIndentGuide.background#616161
• editorLineNumber.activeForeground#ff0000
• editorLineNumber.foreground#00a838
• editorLink.activeForeground#0000ff
• editorPane.background#ffffff
• editorWhitespace.foreground#3B3A32
• errorForeground#ff0000
• focusBorder#ff0000
• foreground#000000
• icon.foreground#000000
• input.background#F5F5F5
• input.border#000000
• input.foreground#000000
• input.placeholderForeground#000000
• inputOption.activeBackground#F5F5F5
• inputOption.activeBorder#ff0000
• inputValidation.errorBackground#F5F5F5
• inputValidation.errorBorder#000000
• inputValidation.errorForeground#0000ff
• inputValidation.infoBackground#F5F5F5
• inputValidation.infoBorder#0000ff
• inputValidation.infoForeground#000000
• inputValidation.warningBackground#F5F5F5
• inputValidation.warningBorder#00ff00
• inputValidation.warningForeground#000000
• list.activeSelectionBackground#000000
• list.activeSelectionForeground#ffffff
• list.dropBackground#ff0000
• list.errorForeground#550055
• list.filterMatchBackground#f5f5f5
• list.filterMatchBorder#0000ff
• list.focusBackground#00f
• list.focusForeground#ffffff
• list.highlightForeground#f0f
• list.hoverBackground#2d88b3de
• list.hoverForeground#ffffff
• list.inactiveFocusBackground#333333
• list.inactiveSelectionBackground#bbbbbb
• list.inactiveSelectionForeground#550055
• list.invalidItemForeground#ff0000
• list.warningForeground#8d3f00
• listFilterWidget.background#ffffff
• listFilterWidget.noMatchesOutline#ff0000
• listFilterWidget.outline#ffffff
• menu.background#ffffff
• menu.border#aaaaaa
• menu.foreground#000000
• menu.selectionBackground#4472f1
• menu.selectionBorder#4472f1
• menu.selectionForeground#ffffff
• menu.separatorBackground#aaaaaa
• menubar.selectionBackground#002a2a
• menubar.selectionForeground#ffffff
• notificationLink.foreground#07fafa
• notifications.background#002B2B
• notifications.foreground#ffffff
• notificationToast.border#fffaa6
• panelTitle.activeForeground#ff0000
• panelTitle.inactiveForeground#000000
• progressBar.background#aaaaaa
• scrollbar.shadow#0000ff
• scrollbarSlider.activeBackground#000000
• scrollbarSlider.background#bbbbbb
• scrollbarSlider.hoverBackground#000
• selection.background#ff0
• settings.checkboxBackground#ffffff
• settings.checkboxBorder#ff0000
• settings.headerForeground#f00000
• settings.modifiedItemForeground#ff9999
• sideBar.background#f8f8f8
• sideBar.dropBackground#ffffff
• sideBar.foreground#000000
• sideBarSectionHeader.background#f8f8f8
• sideBarSectionHeader.border#ff0000
• sideBarSectionHeader.foreground#000000
• sideBarTitle.foreground#000000
• tab.activeBackground#ffffff
• tab.activeBorderTop#ff0000
• tab.activeForeground#ff0000
• tab.activeModifiedBorder#ff0000
• tab.border#555555
• tab.hoverBackground#ffffff
• tab.hoverBorder#0000ff
• tab.inactiveBackground#f5f5f5
• tab.inactiveForeground#000000
• tab.inactiveModifiedBorder#ff0000
• tab.unfocusedActiveBackground#ffffff
• tab.unfocusedActiveBorder#eeeeee
• tab.unfocusedActiveBorderTop#ffffff
• tab.unfocusedActiveForeground#888800
• tab.unfocusedActiveModifiedBorder#ff0000
• tab.unfocusedHoverBackground#ffffff
• tab.unfocusedHoverBorder#ffffff
• tab.unfocusedInactiveForeground#008888
• tab.unfocusedInactiveModifiedBorder#ff0000
• terminal.background#004040
• terminal.foreground#fff
• textBlockQuote.background#ff0000
• textBlockQuote.border#ff0000
• textCodeBlock.background#ff0000
• textLink.activeForeground#0000ff
• textLink.foreground#0000ff
• textPreformat.foreground#000000
• textSeparator.foreground#000000
• tree.indentGuidesStroke#0000ff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).