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#D47B4A
  • activityBar.background#1C1410
  • activityBar.foreground#FFFFFF
  • activityBar.inactiveForeground#5A4A3A
  • activityBarBadge.background#D47B4A
  • activityBarBadge.foreground#1C1410
  • badge.background#D47B4A
  • badge.foreground#1C1410
  • button.background#D47B4A
  • button.foreground#1C1410
  • button.hoverBackground#E08C5A
  • dropdown.background#2E2420
  • dropdown.border#3A2E28
  • dropdown.foreground#E8D8C8
  • editor.background#2E2420
  • editor.foreground#E8D8C8
  • editor.lineHighlightBackground#3A2E28
  • editor.selectionBackground#D47B4A80
  • editor.selectionHighlightBackground#D47B4A40
  • editorCursor.foreground#FFFFFF
  • editorGroupHeader.tabsBackground#241C18
  • editorLineNumber.foreground#5A4A3A
  • gitDecoration.addedResourceForeground#5B8C5A
  • gitDecoration.conflictingResourceForeground#C8A87C
  • gitDecoration.deletedResourceForeground#D47B4A
  • gitDecoration.modifiedResourceForeground#C8A040
  • input.background#1C1410
  • input.border#3A2E28
  • input.foreground#E8D8C8
  • input.placeholderForeground#5A4A3A
  • inputOption.activeBorder#D47B4A
  • list.activeSelectionBackground#3A2E28
  • list.activeSelectionForeground#FFFFFF
  • list.focusBackground#3A2E28
  • list.hoverBackground#342824
  • list.hoverForeground#E8D8C8
  • list.inactiveSelectionBackground#342824
  • minimap.background#241C18
  • minimap.findMatchHighlight#D47B4A80
  • panel.background#241C18
  • panel.border#3A2E28
  • peekView.background#2E2420
  • peekView.border#D47B4A
  • peekViewEditor.background#1C1410
  • peekViewResult.background#241C18
  • quickInput.background#2E2420
  • quickInput.foreground#E8D8C8
  • scrollbar.shadow#00000044
  • scrollbarSlider.activeBackground#D47B4AAA
  • scrollbarSlider.background#3A2E2880
  • scrollbarSlider.hoverBackground#3A2E28AA
  • sideBar.background#241C18
  • sideBar.foreground#C8B8A8
  • sideBarSectionHeader.background#2E2420
  • sideBarTitle.foreground#E8D8C8
  • statusBar.background#1C1410
  • statusBar.foreground#FFFFFF
  • statusBarItem.activeBackground#D47B4A66
  • statusBarItem.hoverBackground#3A2E28
  • tab.activeBackground#2E2420
  • tab.activeForeground#FFFFFF
  • tab.hoverBackground#3A2E28
  • tab.inactiveBackground#241C18
  • tab.inactiveForeground#5A4A3A
  • terminal.ansiBlack#2E2420
  • terminal.ansiBlue#C8A87C
  • terminal.ansiBrightBlack#5A4A3A
  • terminal.ansiBrightBlue#D8B88C
  • terminal.ansiBrightCyan#6B9C6A
  • terminal.ansiBrightGreen#6B9C6A
  • terminal.ansiBrightMagenta#D8B88C
  • terminal.ansiBrightRed#E08C5A
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#D8B060
  • terminal.ansiCyan#5B8C5A
  • terminal.ansiGreen#5B8C5A
  • terminal.ansiMagenta#C8A87C
  • terminal.ansiRed#D47B4A
  • terminal.ansiWhite#C8B8A8
  • terminal.ansiYellow#C8A040
  • terminal.background#1C1410
  • terminal.foreground#E8D8C8
  • titleBar.activeBackground#1C1410
  • titleBar.activeForeground#FFFFFF
  • titleBar.inactiveBackground#14100C
  • titleBar.inactiveForeground#5A4A3A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5A4A3Aitalic
keyword, storage.type, storage.modifier#D47B4A
string, string.quoted, string.regexp#5B8C5A
constant.numeric, constant.language#C8A040
entity.name.function, meta.function-call, support.function#C8A040
entity.name.type, entity.name.class, support.type#C8A87C
variable, variable.parameter#E8D8C8
variable.other.constant#C8A040
support.type.property-name.css#C8A040italic
meta.tag, entity.name.tag#D47B4A
entity.other.attribute-name#5B8C5A
punctuation, meta.brace, meta.brace.round#5A4A3A
markup.heading, markup.heading entity.name#C8A040bold
markup.list#5B8C5A
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.fenced_code.block#5B8C5A
constant.character.escape#D8B060
support.type.property-name.json#C8A040
constant.language.json#D47B4A