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#FFD700
  • activityBar.background#1E0808
  • activityBar.foreground#FFFFFF
  • activityBar.inactiveForeground#6B2A2A
  • activityBarBadge.background#FFD700
  • activityBarBadge.foreground#1E0808
  • badge.background#FFD700
  • badge.foreground#1E0808
  • button.background#FFD700
  • button.foreground#1E0808
  • button.hoverBackground#FFDF66
  • dropdown.background#2E1111
  • dropdown.border#3D1A1A
  • dropdown.foreground#E8D0C0
  • editor.background#2E1111
  • editor.foreground#E8D0C0
  • editor.lineHighlightBackground#3D1A1A
  • editor.selectionBackground#FFD70080
  • editor.selectionHighlightBackground#FFD70040
  • editorCursor.foreground#FFFFFF
  • editorGroupHeader.tabsBackground#220A0A
  • editorLineNumber.foreground#6B2A2A
  • gitDecoration.addedResourceForeground#8B6914
  • gitDecoration.conflictingResourceForeground#C792EA
  • gitDecoration.deletedResourceForeground#E85D3A
  • gitDecoration.modifiedResourceForeground#FFD700
  • input.background#1E0808
  • input.border#3D1A1A
  • input.foreground#E8D0C0
  • input.placeholderForeground#6B2A2A
  • inputOption.activeBorder#FFD700
  • list.activeSelectionBackground#3D1A1A
  • list.activeSelectionForeground#FFFFFF
  • list.focusBackground#3D1A1A
  • list.hoverBackground#352424
  • list.hoverForeground#E8D0C0
  • list.inactiveSelectionBackground#352424
  • minimap.background#220A0A
  • minimap.findMatchHighlight#FFD70080
  • panel.background#240C0C
  • panel.border#3D1A1A
  • peekView.background#2E1111
  • peekView.border#FFD700
  • peekViewEditor.background#1E0808
  • peekViewResult.background#240C0C
  • quickInput.background#2E1111
  • quickInput.foreground#E8D0C0
  • scrollbar.shadow#00000044
  • scrollbarSlider.activeBackground#FFD700AA
  • scrollbarSlider.background#3D1A1A80
  • scrollbarSlider.hoverBackground#3D1A1AAA
  • sideBar.background#240C0C
  • sideBar.foreground#C8B8A8
  • sideBarSectionHeader.background#2E1111
  • sideBarTitle.foreground#E8D0C0
  • statusBar.background#1E0808
  • statusBar.foreground#FFFFFF
  • statusBarItem.activeBackground#FFD70066
  • statusBarItem.hoverBackground#3D1A1A
  • tab.activeBackground#2E1111
  • tab.activeForeground#FFFFFF
  • tab.hoverBackground#3D1A1A
  • tab.inactiveBackground#220A0A
  • tab.inactiveForeground#6B2A2A
  • terminal.ansiBlack#2D2D2D
  • terminal.ansiBlue#7EC8E3
  • terminal.ansiBrightBlack#505050
  • terminal.ansiBrightBlue#8ED8F3
  • terminal.ansiBrightCyan#6AFFFF
  • terminal.ansiBrightGreen#A87B1A
  • terminal.ansiBrightMagenta#D4A0FF
  • terminal.ansiBrightRed#FF6B4A
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFDF66
  • terminal.ansiCyan#4AE0E0
  • terminal.ansiGreen#8B6914
  • terminal.ansiMagenta#C792EA
  • terminal.ansiRed#E85D3A
  • terminal.ansiWhite#E8D0C0
  • terminal.ansiYellow#FFD700
  • terminal.background#1E0808
  • terminal.foreground#E8D0C0
  • titleBar.activeBackground#1E0808
  • titleBar.activeForeground#FFFFFF
  • titleBar.inactiveBackground#1A0606
  • titleBar.inactiveForeground#6B2A2A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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