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#3E1E29
  • activityBar.border#ffffff15
  • activityBar.foreground#E97667
  • activityBar.inactiveForeground#FFF8F360
  • activityBarBadge.background#E97667
  • activityBarBadge.foreground#3E1E29
  • button.background#E97667
  • button.foreground#3E1E29
  • button.hoverBackground#E97667dd
  • editor.background#3E1E29
  • editor.foreground#FFF8F3
  • editor.inactiveSelectionBackground#ECBE793580
  • editor.lineHighlightBackground#1D111140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECBE7935
  • editorCursor.foreground#E97667
  • editorGroupHeader.tabsBackground#3E1E29dd
  • editorLineNumber.activeForeground#E97667
  • editorLineNumber.foreground#FCECEA80
  • focusBorder#E97667
  • foreground#FFF8F3
  • input.background#1D1111
  • input.border#ffffff15
  • input.foreground#FFF8F3
  • input.placeholderForeground#FFF8F360
  • list.activeSelectionBackground#E9766730
  • list.activeSelectionForeground#FFF8F3
  • list.highlightForeground#E97667
  • list.hoverBackground#1D111140
  • list.hoverForeground#FFF8F3
  • list.inactiveSelectionBackground#E9766715
  • list.inactiveSelectionForeground#FFF8F3
  • selection.background#ECBE7935
  • sideBar.background#1D1111
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF8F3
  • sideBarSectionHeader.background#3E1E2980
  • sideBarSectionHeader.foreground#FFF8F3
  • sideBarTitle.foreground#E97667
  • statusBar.background#3E1E29
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF8F3
  • statusBar.noFolderBackground#3E1E29
  • tab.activeBackground#3E1E29
  • tab.activeBorderTop#E97667
  • tab.activeForeground#FFF8F3
  • tab.border#ffffff15
  • tab.inactiveBackground#1D111160
  • tab.inactiveForeground#FFF8F380
  • terminal.ansiBlack#3E1E29
  • terminal.ansiBlue#ECBE79
  • terminal.ansiCyan#E7C555
  • terminal.ansiGreen#E97667
  • terminal.ansiMagenta#F1D083
  • terminal.ansiRed#F1D083
  • terminal.ansiWhite#FFF8F3
  • terminal.ansiYellow#E7C555
  • terminal.background#3E1E29
  • terminal.foreground#FFF8F3
  • titleBar.activeBackground#3E1E29
  • titleBar.activeForeground#FFF8F3
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3E1E29
  • titleBar.inactiveForeground#FFF8F360
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#FCECEAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECBE79bold
storage.type, storage.modifier#ECBE79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E97667
string, punctuation.definition.string, string.template, meta.template.expression#E7C555
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D083
variable, variable.other.readwrite, variable.other.object#FFF8F3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF8F3
variable.parameter, meta.parameter#FFF8F3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF8F380
keyword.operator#FFF8F3
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7C555bold
entity.other.inherited-class#E97667
entity.name.tag, punctuation.definition.tag#ECBE79
entity.other.attribute-name#E97667
meta.diff, meta.diff.header#FCECEA
markup.deleted#F1D083
markup.inserted#E97667
markup.changed#E7C555
markup.heading, markup.heading.setext, punctuation.definition.heading#E97667bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7C555
string.other.link.title, string.other.link.description#E97667
markup.underline.link#FCECEAunderline
punctuation.definition.list#ECBE79
markup.quote, punctuation.definition.quote#FCECEAitalic