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#38070c
  • activityBar.border#ffffff15
  • activityBar.foreground#b80f1a
  • activityBar.inactiveForeground#fff1e860
  • activityBarBadge.background#b80f1a
  • activityBarBadge.foreground#38070c
  • button.background#b80f1a
  • button.foreground#38070c
  • button.hoverBackground#b80f1add
  • editor.background#38070c
  • editor.foreground#fff1e8
  • editor.inactiveSelectionBackground#2f5b2c3580
  • editor.lineHighlightBackground#2b1e1a40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2f5b2c35
  • editorCursor.foreground#b80f1a
  • editorGroupHeader.tabsBackground#38070cdd
  • editorLineNumber.activeForeground#b80f1a
  • editorLineNumber.foreground#55682f80
  • focusBorder#b80f1a
  • foreground#fff1e8
  • input.background#2b1e1a
  • input.border#ffffff15
  • input.foreground#fff1e8
  • input.placeholderForeground#fff1e860
  • list.activeSelectionBackground#b80f1a30
  • list.activeSelectionForeground#fff1e8
  • list.highlightForeground#b80f1a
  • list.hoverBackground#2b1e1a40
  • list.hoverForeground#fff1e8
  • list.inactiveSelectionBackground#b80f1a15
  • list.inactiveSelectionForeground#fff1e8
  • selection.background#2f5b2c35
  • sideBar.background#2b1e1a
  • sideBar.border#ffffff15
  • sideBar.foreground#fff1e8
  • sideBarSectionHeader.background#38070c80
  • sideBarSectionHeader.foreground#fff1e8
  • sideBarTitle.foreground#b80f1a
  • statusBar.background#38070c
  • statusBar.border#ffffff15
  • statusBar.foreground#fff1e8
  • statusBar.noFolderBackground#38070c
  • tab.activeBackground#38070c
  • tab.activeBorderTop#b80f1a
  • tab.activeForeground#fff1e8
  • tab.border#ffffff15
  • tab.inactiveBackground#2b1e1a60
  • tab.inactiveForeground#fff1e880
  • terminal.ansiBlack#38070c
  • terminal.ansiBlue#2f5b2c
  • terminal.ansiCyan#f2e7e2
  • terminal.ansiGreen#b80f1a
  • terminal.ansiMagenta#6b4a2f
  • terminal.ansiRed#6b4a2f
  • terminal.ansiWhite#fff1e8
  • terminal.ansiYellow#f2e7e2
  • terminal.background#38070c
  • terminal.foreground#fff1e8
  • titleBar.activeBackground#38070c
  • titleBar.activeForeground#fff1e8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#38070c
  • titleBar.inactiveForeground#fff1e860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#55682fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2f5b2cbold
storage.type, storage.modifier#2f5b2citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#b80f1a
string, punctuation.definition.string, string.template, meta.template.expression#f2e7e2
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6b4a2f
variable, variable.other.readwrite, variable.other.object#fff1e8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff1e8
variable.parameter, meta.parameter#fff1e8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff1e880
keyword.operator#fff1e8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#f2e7e2bold
entity.other.inherited-class#b80f1a
entity.name.tag, punctuation.definition.tag#2f5b2c
entity.other.attribute-name#b80f1a
meta.diff, meta.diff.header#55682f
markup.deleted#6b4a2f
markup.inserted#b80f1a
markup.changed#f2e7e2
markup.heading, markup.heading.setext, punctuation.definition.heading#b80f1abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#f2e7e2
string.other.link.title, string.other.link.description#b80f1a
markup.underline.link#55682funderline
punctuation.definition.list#2f5b2c
markup.quote, punctuation.definition.quote#55682fitalic