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#6d3c25
  • activityBar.border#ffffff15
  • activityBar.foreground#c91f2f
  • activityBar.inactiveForeground#fff2d860
  • activityBarBadge.background#c91f2f
  • activityBarBadge.foreground#6d3c25
  • button.background#c91f2f
  • button.foreground#6d3c25
  • button.hoverBackground#c91f2fdd
  • editor.background#6d3c25
  • editor.foreground#fff2d8
  • editor.inactiveSelectionBackground#ef5b453580
  • editor.lineHighlightBackground#24120f40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ef5b4535
  • editorCursor.foreground#c91f2f
  • editorGroupHeader.tabsBackground#6d3c25dd
  • editorLineNumber.activeForeground#c91f2f
  • editorLineNumber.foreground#d8c49a80
  • focusBorder#c91f2f
  • foreground#fff2d8
  • input.background#24120f
  • input.border#ffffff15
  • input.foreground#fff2d8
  • input.placeholderForeground#fff2d860
  • list.activeSelectionBackground#c91f2f30
  • list.activeSelectionForeground#fff2d8
  • list.highlightForeground#c91f2f
  • list.hoverBackground#24120f40
  • list.hoverForeground#fff2d8
  • list.inactiveSelectionBackground#c91f2f15
  • list.inactiveSelectionForeground#fff2d8
  • selection.background#ef5b4535
  • sideBar.background#24120f
  • sideBar.border#ffffff15
  • sideBar.foreground#fff2d8
  • sideBarSectionHeader.background#6d3c2580
  • sideBarSectionHeader.foreground#fff2d8
  • sideBarTitle.foreground#c91f2f
  • statusBar.background#6d3c25
  • statusBar.border#ffffff15
  • statusBar.foreground#fff2d8
  • statusBar.noFolderBackground#6d3c25
  • tab.activeBackground#6d3c25
  • tab.activeBorderTop#c91f2f
  • tab.activeForeground#fff2d8
  • tab.border#ffffff15
  • tab.inactiveBackground#24120f60
  • tab.inactiveForeground#fff2d880
  • terminal.ansiBlack#6d3c25
  • terminal.ansiBlue#ef5b45
  • terminal.ansiCyan#8fbc32
  • terminal.ansiGreen#c91f2f
  • terminal.ansiMagenta#3f7d34
  • terminal.ansiRed#3f7d34
  • terminal.ansiWhite#fff2d8
  • terminal.ansiYellow#8fbc32
  • terminal.background#6d3c25
  • terminal.foreground#fff2d8
  • titleBar.activeBackground#6d3c25
  • titleBar.activeForeground#fff2d8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#6d3c25
  • titleBar.inactiveForeground#fff2d860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d8c49aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ef5b45bold
storage.type, storage.modifier#ef5b45italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#c91f2f
string, punctuation.definition.string, string.template, meta.template.expression#8fbc32
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#3f7d34
variable, variable.other.readwrite, variable.other.object#fff2d8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff2d8
variable.parameter, meta.parameter#fff2d8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff2d880
keyword.operator#fff2d8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8fbc32bold
entity.other.inherited-class#c91f2f
entity.name.tag, punctuation.definition.tag#ef5b45
entity.other.attribute-name#c91f2f
meta.diff, meta.diff.header#d8c49a
markup.deleted#3f7d34
markup.inserted#c91f2f
markup.changed#8fbc32
markup.heading, markup.heading.setext, punctuation.definition.heading#c91f2fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8fbc32
string.other.link.title, string.other.link.description#c91f2f
markup.underline.link#d8c49aunderline
punctuation.definition.list#ef5b45
markup.quote, punctuation.definition.quote#d8c49aitalic