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#FFF7ED
  • activityBar.border#00000015
  • activityBar.foreground#D1162A
  • activityBar.inactiveForeground#1E241D60
  • activityBarBadge.background#D1162A
  • activityBarBadge.foreground#FFF7ED
  • button.background#D1162A
  • button.foreground#FFF7ED
  • button.hoverBackground#D1162Add
  • editor.background#FFF7ED
  • editor.foreground#1E241D
  • editor.inactiveSelectionBackground#6FAF3F2580
  • editor.lineHighlightBackground#FFF7ED50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6FAF3F25
  • editorCursor.foreground#D1162A
  • editorGroupHeader.tabsBackground#FFF7EDaa
  • editorLineNumber.activeForeground#D1162A
  • editorLineNumber.foreground#F2F4ED80
  • focusBorder#D1162A
  • foreground#1E241D
  • input.background#FFF7ED
  • input.border#00000015
  • input.foreground#1E241D
  • input.placeholderForeground#1E241D60
  • list.activeSelectionBackground#D1162A30
  • list.activeSelectionForeground#1E241D
  • list.highlightForeground#D1162A
  • list.hoverBackground#FFF7ED40
  • list.hoverForeground#1E241D
  • list.inactiveSelectionBackground#D1162A15
  • list.inactiveSelectionForeground#1E241D
  • selection.background#6FAF3F25
  • sideBar.background#FFF7ED
  • sideBar.border#00000015
  • sideBar.foreground#1E241D
  • sideBarSectionHeader.background#FFF7ED80
  • sideBarSectionHeader.foreground#1E241D
  • sideBarTitle.foreground#D1162A
  • statusBar.background#FFF7ED
  • statusBar.border#00000015
  • statusBar.foreground#1E241D
  • statusBar.noFolderBackground#FFF7ED
  • tab.activeBackground#FFF7ED
  • tab.activeBorderTop#D1162A
  • tab.activeForeground#1E241D
  • tab.border#00000015
  • tab.inactiveBackground#FFF7ED60
  • tab.inactiveForeground#1E241D80
  • terminal.ansiBlack#1E241D
  • terminal.ansiBlue#6FAF3F
  • terminal.ansiCyan#A9C27A
  • terminal.ansiGreen#D1162A
  • terminal.ansiMagenta#A9C27A
  • terminal.ansiRed#A9C27A
  • terminal.ansiWhite#1E241D
  • terminal.ansiYellow#A9C27A
  • terminal.background#FFF7ED
  • terminal.foreground#1E241D
  • titleBar.activeBackground#FFF7ED
  • titleBar.activeForeground#1E241D
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFF7ED
  • titleBar.inactiveForeground#1E241D60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F2F4EDitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6FAF3Fbold
storage.type, storage.modifier#6FAF3Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#D1162A
string, punctuation.definition.string, string.template, meta.template.expression#A9C27A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A9C27A
variable, variable.other.readwrite, variable.other.object#1E241D
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1E241D
variable.parameter, meta.parameter#1E241Ddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1E241D80
keyword.operator#1E241D
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A9C27Abold
entity.other.inherited-class#D1162A
entity.name.tag, punctuation.definition.tag#6FAF3F
entity.other.attribute-name#D1162A
meta.diff, meta.diff.header#F2F4ED
markup.deleted#A9C27A
markup.inserted#D1162A
markup.changed#A9C27A
markup.heading, markup.heading.setext, punctuation.definition.heading#D1162Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A9C27A
string.other.link.title, string.other.link.description#D1162A
markup.underline.link#F2F4EDunderline
punctuation.definition.list#6FAF3F
markup.quote, punctuation.definition.quote#F2F4EDitalic