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#FFF7EC
  • activityBar.border#00000015
  • activityBar.foreground#F29A2E
  • activityBar.inactiveForeground#1A140F60
  • activityBarBadge.background#F29A2E
  • activityBarBadge.foreground#FFF7EC
  • button.background#F29A2E
  • button.foreground#FFF7EC
  • button.hoverBackground#F29A2Edd
  • editor.background#FFF7EC
  • editor.foreground#1A140F
  • editor.inactiveSelectionBackground#9A7A3E2580
  • editor.lineHighlightBackground#FFE8B350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9A7A3E25
  • editorCursor.foreground#F29A2E
  • editorGroupHeader.tabsBackground#FFE8B3aa
  • editorLineNumber.activeForeground#F29A2E
  • editorLineNumber.foreground#7d5a3c80
  • focusBorder#F29A2E
  • foreground#1A140F
  • input.background#FFE8B3
  • input.border#00000015
  • input.foreground#1A140F
  • input.placeholderForeground#1A140F60
  • list.activeSelectionBackground#F29A2E30
  • list.activeSelectionForeground#1A140F
  • list.highlightForeground#F29A2E
  • list.hoverBackground#FFE8B340
  • list.hoverForeground#1A140F
  • list.inactiveSelectionBackground#F29A2E15
  • list.inactiveSelectionForeground#1A140F
  • selection.background#9A7A3E25
  • sideBar.background#FFE8B3
  • sideBar.border#00000015
  • sideBar.foreground#1A140F
  • sideBarSectionHeader.background#FFE8B380
  • sideBarSectionHeader.foreground#1A140F
  • sideBarTitle.foreground#F29A2E
  • statusBar.background#FFF7EC
  • statusBar.border#00000015
  • statusBar.foreground#1A140F
  • statusBar.noFolderBackground#FFF7EC
  • tab.activeBackground#FFF7EC
  • tab.activeBorderTop#F29A2E
  • tab.activeForeground#1A140F
  • tab.border#00000015
  • tab.inactiveBackground#FFF7EC60
  • tab.inactiveForeground#1A140F80
  • terminal.ansiBlack#1A140F
  • terminal.ansiBlue#9A7A3E
  • terminal.ansiCyan#FFC66A
  • terminal.ansiGreen#F29A2E
  • terminal.ansiMagenta#6E8F4A
  • terminal.ansiRed#6E8F4A
  • terminal.ansiWhite#1A140F
  • terminal.ansiYellow#FFC66A
  • terminal.background#FFF7EC
  • terminal.foreground#1A140F
  • titleBar.activeBackground#FFF7EC
  • titleBar.activeForeground#1A140F
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFF7EC
  • titleBar.inactiveForeground#1A140F60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7d5a3citalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9A7A3Ebold
storage.type, storage.modifier#9A7A3Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#F29A2E
string, punctuation.definition.string, string.template, meta.template.expression#FFC66A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6E8F4A
variable, variable.other.readwrite, variable.other.object#1A140F
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1A140F
variable.parameter, meta.parameter#1A140Fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1A140F80
keyword.operator#1A140F
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#FFC66Abold
entity.other.inherited-class#F29A2E
entity.name.tag, punctuation.definition.tag#9A7A3E
entity.other.attribute-name#F29A2E
meta.diff, meta.diff.header#7d5a3c
markup.deleted#6E8F4A
markup.inserted#F29A2E
markup.changed#FFC66A
markup.heading, markup.heading.setext, punctuation.definition.heading#F29A2Ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#FFC66A
string.other.link.title, string.other.link.description#F29A2E
markup.underline.link#7d5a3cunderline
punctuation.definition.list#9A7A3E
markup.quote, punctuation.definition.quote#7d5a3citalic