Skip to main content
Coding Theme

Color themes

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.activeBorder#4B7B3E
  • activityBar.background#D4CCC0
  • activityBar.foreground#1E1410
  • activityBar.inactiveForeground#6A5A4A
  • activityBarBadge.background#4B7B3E
  • activityBarBadge.foreground#FFFFFF
  • badge.background#4B7B3E
  • badge.foreground#FFFFFF
  • button.background#4B7B3E
  • button.foreground#FFFFFF
  • button.hoverBackground#5B8C4E
  • dropdown.background#FFFFFF
  • dropdown.border#C8C0B4
  • dropdown.foreground#2E241E
  • editor.background#F5F0E8
  • editor.foreground#2E241E
  • editor.lineHighlightBackground#EAE4DA
  • editor.selectionBackground#4B7B3E40
  • editor.selectionHighlightBackground#4B7B3E20
  • editorCursor.foreground#1E1410
  • editorGroupHeader.tabsBackground#E0D8CC
  • editorLineNumber.foreground#8A7A6A
  • gitDecoration.addedResourceForeground#4B7B3E
  • gitDecoration.conflictingResourceForeground#8B4A8B
  • gitDecoration.deletedResourceForeground#C33B1A
  • gitDecoration.modifiedResourceForeground#8B6B4A
  • input.background#FFFFFF
  • input.border#C8C0B4
  • input.foreground#2E241E
  • input.placeholderForeground#6A5A4A
  • inputOption.activeBorder#4B7B3E
  • list.activeSelectionBackground#D4CCC0
  • list.activeSelectionForeground#1E1410
  • list.focusBackground#D4CCC0
  • list.hoverBackground#E0D8CC
  • list.hoverForeground#2E241E
  • list.inactiveSelectionBackground#EAE4DA
  • minimap.background#EAE4DA
  • minimap.findMatchHighlight#4B7B3E40
  • panel.background#EAE4DA
  • panel.border#C8C0B4
  • peekView.background#F5F0E8
  • peekView.border#4B7B3E
  • peekViewEditor.background#FFFFFF
  • peekViewResult.background#EAE4DA
  • quickInput.background#F5F0E8
  • quickInput.foreground#2E241E
  • scrollbar.shadow#00000022
  • scrollbarSlider.activeBackground#4B7B3EAA
  • scrollbarSlider.background#C8C0B480
  • scrollbarSlider.hoverBackground#C8C0B4AA
  • sideBar.background#EAE4DA
  • sideBar.foreground#3A2E28
  • sideBarSectionHeader.background#E0D8CC
  • sideBarTitle.foreground#2E241E
  • statusBar.background#D4CCC0
  • statusBar.foreground#1E1410
  • statusBarItem.activeBackground#4B7B3E44
  • statusBarItem.hoverBackground#C8C0B4
  • tab.activeBackground#F5F0E8
  • tab.activeForeground#1E1410
  • tab.hoverBackground#EAE4DA
  • tab.inactiveBackground#E0D8CC
  • tab.inactiveForeground#5A4A3A
  • terminal.ansiBlack#2D2D2D
  • terminal.ansiBlue#2E5A8B
  • terminal.ansiBrightBlack#505050
  • terminal.ansiBrightBlue#4A7AB8
  • terminal.ansiBrightCyan#4AAAAA
  • terminal.ansiBrightGreen#5B8C4E
  • terminal.ansiBrightMagenta#A06AA0
  • terminal.ansiBrightRed#E85D3A
  • terminal.ansiBrightWhite#EAE4DA
  • terminal.ansiBrightYellow#A07B5A
  • terminal.ansiCyan#2E8B8B
  • terminal.ansiGreen#4B7B3E
  • terminal.ansiMagenta#8B4A8B
  • terminal.ansiRed#C33B1A
  • terminal.ansiWhite#B0A898
  • terminal.ansiYellow#8B6B4A
  • terminal.background#FFFFFF
  • terminal.foreground#2E241E
  • titleBar.activeBackground#D4CCC0
  • titleBar.activeForeground#1E1410
  • titleBar.inactiveBackground#C8C0B4
  • titleBar.inactiveForeground#5A4A3A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8A7A6Aitalic
keyword, storage.type, storage.modifier#8B6B4A
string, string.quoted, string.regexp#4B7B3E
constant.numeric, constant.language#A06030
entity.name.function, meta.function-call, support.function#2E5A8B
entity.name.type, entity.name.class, support.type#8B6B4A
variable, variable.parameter#2E241E
variable.other.constant#6A4A2A
support.type.property-name.css#2E5A8Bitalic
meta.tag, entity.name.tag#8B6B4A
entity.other.attribute-name#4B7B3E
punctuation, meta.brace, meta.brace.round#6A5A4A
markup.heading, markup.heading entity.name#2E5A8Bbold
markup.list#4B7B3E
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.fenced_code.block#4B7B3E
constant.character.escape#2E8B8B
support.type.property-name.json#2E5A8B
constant.language.json#8B6B4A