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#C07C4A
  • activityBar.background#2E241E
  • activityBar.foreground#FFFFFF
  • activityBar.inactiveForeground#8B6B4A
  • activityBarBadge.background#C07C4A
  • activityBarBadge.foreground#FFFFFF
  • badge.background#C07C4A
  • badge.foreground#FFFFFF
  • button.background#C07C4A
  • button.foreground#FFFFFF
  • button.hoverBackground#D08C5A
  • dropdown.background#3D3024
  • dropdown.border#4A3A2E
  • dropdown.foreground#E8D5B0
  • editor.background#3D3024
  • editor.foreground#E8D5B0
  • editor.lineHighlightBackground#4A3A2E
  • editor.selectionBackground#C07C4A80
  • editor.selectionHighlightBackground#C07C4A40
  • editorCursor.foreground#FFFFFF
  • editorGroupHeader.tabsBackground#2E241E
  • editorLineNumber.foreground#6A5A4A
  • gitDecoration.addedResourceForeground#5B8C4E
  • gitDecoration.conflictingResourceForeground#C792EA
  • gitDecoration.deletedResourceForeground#E85D3A
  • gitDecoration.modifiedResourceForeground#C4A67D
  • input.background#2E241E
  • input.border#4A3A2E
  • input.foreground#E8D5B0
  • input.placeholderForeground#8B6B4A
  • inputOption.activeBorder#C07C4A
  • list.activeSelectionBackground#4A3A2E
  • list.activeSelectionForeground#FFFFFF
  • list.focusBackground#4A3A2E
  • list.hoverBackground#4A3A2E
  • list.hoverForeground#E8D5B0
  • list.inactiveSelectionBackground#4A3A2E
  • minimap.background#2E241E
  • minimap.findMatchHighlight#C07C4A80
  • panel.background#352A1E
  • panel.border#4A3A2E
  • peekView.background#3D3024
  • peekView.border#C07C4A
  • peekViewEditor.background#2E241E
  • peekViewResult.background#352A1E
  • quickInput.background#3D3024
  • quickInput.foreground#E8D5B0
  • scrollbar.shadow#00000044
  • scrollbarSlider.activeBackground#C07C4AAAA
  • scrollbarSlider.background#4A3A2E80
  • scrollbarSlider.hoverBackground#4A3A2EAA
  • sideBar.background#352A1E
  • sideBar.foreground#C8B8A0
  • sideBarSectionHeader.background#3D3024
  • sideBarTitle.foreground#E8D5B0
  • statusBar.background#2E241E
  • statusBar.foreground#FFFFFF
  • statusBarItem.activeBackground#C07C4A66
  • statusBarItem.hoverBackground#4A3A2E
  • tab.activeBackground#3D3024
  • tab.activeForeground#FFFFFF
  • tab.hoverBackground#4A3A2E
  • tab.inactiveBackground#2E241E
  • tab.inactiveForeground#8B6B4A
  • terminal.ansiBlack#2D2D2D
  • terminal.ansiBlue#C07C4A
  • terminal.ansiBrightBlack#505050
  • terminal.ansiBrightBlue#D08C5A
  • terminal.ansiBrightCyan#6AFFFF
  • terminal.ansiBrightGreen#6B9C5E
  • terminal.ansiBrightMagenta#D4A0FF
  • terminal.ansiBrightRed#FF6B4A
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#D4B68D
  • terminal.ansiCyan#4AE0E0
  • terminal.ansiGreen#5B8C4E
  • terminal.ansiMagenta#C792EA
  • terminal.ansiRed#E85D3A
  • terminal.ansiWhite#E8D5B0
  • terminal.ansiYellow#C4A67D
  • terminal.background#2E241E
  • terminal.foreground#E8D5B0
  • titleBar.activeBackground#2E241E
  • titleBar.activeForeground#FFFFFF
  • titleBar.inactiveBackground#241E18
  • titleBar.inactiveForeground#8B6B4A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8B6B4Aitalic
keyword, storage.type, storage.modifier#C07C4A
string, string.quoted, string.regexp#5B8C4E
constant.numeric, constant.language#C4A67D
entity.name.function, meta.function-call, support.function#C07C4A
entity.name.type, entity.name.class, support.type#C4A67D
variable, variable.parameter#E8D5B0
variable.other.constant#C4A67D
support.type.property-name.css#C07C4Aitalic
meta.tag, entity.name.tag#C07C4A
entity.other.attribute-name#5B8C4E
punctuation, meta.brace, meta.brace.round#A09070
markup.heading, markup.heading entity.name#C07C4Abold
markup.list#5B8C4E
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.fenced_code.block#5B8C4E
constant.character.escape#4AE0E0
support.type.property-name.json#C07C4A
constant.language.json#C07C4A