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.background#0F0E0C
  • activityBar.border#ffffff15
  • activityBar.foreground#8A3E2A
  • activityBar.inactiveForeground#F4F2ED60
  • activityBarBadge.background#8A3E2A
  • activityBarBadge.foreground#0F0E0C
  • button.background#8A3E2A
  • button.foreground#0F0E0C
  • button.hoverBackground#8A3E2Add
  • editor.background#0F0E0C
  • editor.foreground#F4F2ED
  • editor.inactiveSelectionBackground#5D271C3580
  • editor.lineHighlightBackground#1E1B1840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5D271C35
  • editorCursor.foreground#8A3E2A
  • editorGroupHeader.tabsBackground#0F0E0Cdd
  • editorLineNumber.activeForeground#8A3E2A
  • editorLineNumber.foreground#B6B2A880
  • focusBorder#8A3E2A
  • foreground#F4F2ED
  • input.background#1E1B18
  • input.border#ffffff15
  • input.foreground#F4F2ED
  • input.placeholderForeground#F4F2ED60
  • list.activeSelectionBackground#8A3E2A30
  • list.activeSelectionForeground#F4F2ED
  • list.highlightForeground#8A3E2A
  • list.hoverBackground#1E1B1840
  • list.hoverForeground#F4F2ED
  • list.inactiveSelectionBackground#8A3E2A15
  • list.inactiveSelectionForeground#F4F2ED
  • selection.background#5D271C35
  • sideBar.background#1E1B18
  • sideBar.border#ffffff15
  • sideBar.foreground#F4F2ED
  • sideBarSectionHeader.background#0F0E0C80
  • sideBarSectionHeader.foreground#F4F2ED
  • sideBarTitle.foreground#8A3E2A
  • statusBar.background#0F0E0C
  • statusBar.border#ffffff15
  • statusBar.foreground#F4F2ED
  • statusBar.noFolderBackground#0F0E0C
  • tab.activeBackground#0F0E0C
  • tab.activeBorderTop#8A3E2A
  • tab.activeForeground#F4F2ED
  • tab.border#ffffff15
  • tab.inactiveBackground#1E1B1860
  • tab.inactiveForeground#F4F2ED80
  • terminal.ansiBlack#0F0E0C
  • terminal.ansiBlue#5D271C
  • terminal.ansiCyan#2F4D37
  • terminal.ansiGreen#8A3E2A
  • terminal.ansiMagenta#A6412C
  • terminal.ansiRed#A6412C
  • terminal.ansiWhite#F4F2ED
  • terminal.ansiYellow#2F4D37
  • terminal.background#0F0E0C
  • terminal.foreground#F4F2ED
  • titleBar.activeBackground#0F0E0C
  • titleBar.activeForeground#F4F2ED
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0F0E0C
  • titleBar.inactiveForeground#F4F2ED60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B6B2A8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5D271Cbold
storage.type, storage.modifier#5D271Citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8A3E2A
string, punctuation.definition.string, string.template, meta.template.expression#2F4D37
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A6412C
variable, variable.other.readwrite, variable.other.object#F4F2ED
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F4F2ED
variable.parameter, meta.parameter#F4F2EDdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F4F2ED80
keyword.operator#F4F2ED
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2F4D37bold
entity.other.inherited-class#8A3E2A
entity.name.tag, punctuation.definition.tag#5D271C
entity.other.attribute-name#8A3E2A
meta.diff, meta.diff.header#B6B2A8
markup.deleted#A6412C
markup.inserted#8A3E2A
markup.changed#2F4D37
markup.heading, markup.heading.setext, punctuation.definition.heading#8A3E2Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2F4D37
string.other.link.title, string.other.link.description#8A3E2A
markup.underline.link#B6B2A8underline
punctuation.definition.list#5D271C
markup.quote, punctuation.definition.quote#B6B2A8italic