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#1E1410
  • activityBar.foreground#FFFFFF
  • 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#2E241E
  • dropdown.border#3D3028
  • dropdown.foreground#E8E0D0
  • editor.background#2E241E
  • editor.foreground#E8E0D0
  • editor.lineHighlightBackground#3D3028
  • editor.selectionBackground#4B7B3E80
  • editor.selectionHighlightBackground#4B7B3E40
  • editorCursor.foreground#FFFFFF
  • editorGroupHeader.tabsBackground#221814
  • editorLineNumber.foreground#5A4A3A
  • gitDecoration.addedResourceForeground#5B8C4E
  • gitDecoration.conflictingResourceForeground#C792EA
  • gitDecoration.deletedResourceForeground#E85D3A
  • gitDecoration.modifiedResourceForeground#C4A87C
  • input.background#1E1410
  • input.border#3D3028
  • input.foreground#E8E0D0
  • input.placeholderForeground#6A5A4A
  • inputOption.activeBorder#4B7B3E
  • list.activeSelectionBackground#3D3028
  • list.activeSelectionForeground#FFFFFF
  • list.focusBackground#3D3028
  • list.hoverBackground#352A22
  • list.hoverForeground#E8E0D0
  • list.inactiveSelectionBackground#352A22
  • minimap.background#221814
  • minimap.findMatchHighlight#4B7B3E80
  • panel.background#241A14
  • panel.border#3D3028
  • peekView.background#2E241E
  • peekView.border#4B7B3E
  • peekViewEditor.background#1E1410
  • peekViewResult.background#241A14
  • quickInput.background#2E241E
  • quickInput.foreground#E8E0D0
  • scrollbar.shadow#00000044
  • scrollbarSlider.activeBackground#4B7B3EAA
  • scrollbarSlider.background#3D302880
  • scrollbarSlider.hoverBackground#3D3028AA
  • sideBar.background#241A14
  • sideBar.foreground#C8C0B0
  • sideBarSectionHeader.background#2E241E
  • sideBarTitle.foreground#E8E0D0
  • statusBar.background#1E1410
  • statusBar.foreground#FFFFFF
  • statusBarItem.activeBackground#4B7B3E66
  • statusBarItem.hoverBackground#3D3028
  • tab.activeBackground#2E241E
  • tab.activeForeground#FFFFFF
  • tab.hoverBackground#352A22
  • tab.inactiveBackground#221814
  • tab.inactiveForeground#6A5A4A
  • terminal.ansiBlack#2D2D2D
  • terminal.ansiBlue#7EC8E3
  • terminal.ansiBrightBlack#505050
  • terminal.ansiBrightBlue#8ED8F3
  • terminal.ansiBrightCyan#6AFFFF
  • terminal.ansiBrightGreen#5B8C4E
  • terminal.ansiBrightMagenta#D4A0FF
  • terminal.ansiBrightRed#FF6B4A
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#D4B88C
  • terminal.ansiCyan#4AE0E0
  • terminal.ansiGreen#4B7B3E
  • terminal.ansiMagenta#C792EA
  • terminal.ansiRed#E85D3A
  • terminal.ansiWhite#E8E0D0
  • terminal.ansiYellow#C4A87C
  • terminal.background#1E1410
  • terminal.foreground#E8E0D0
  • titleBar.activeBackground#1E1410
  • titleBar.activeForeground#FFFFFF
  • titleBar.inactiveBackground#1A100C
  • titleBar.inactiveForeground#6A5A4A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6A5A4Aitalic
keyword, storage.type, storage.modifier#7EC8E3
string, string.quoted, string.regexp#4B7B3E
constant.numeric, constant.language#C4A87C
entity.name.function, meta.function-call, support.function#7EC8E3
entity.name.type, entity.name.class, support.type#C4A87C
variable, variable.parameter#E8E0D0
variable.other.constant#C4A87C
support.type.property-name.css#7EC8E3italic
meta.tag, entity.name.tag#7EC8E3
entity.other.attribute-name#4B7B3E
punctuation, meta.brace, meta.brace.round#7A6A5A
markup.heading, markup.heading entity.name#7EC8E3bold
markup.list#4B7B3E
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.fenced_code.block#4B7B3E
constant.character.escape#4AE0E0
support.type.property-name.json#7EC8E3
constant.language.json#7EC8E3