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#f7efe2
  • activityBar.border#00000015
  • activityBar.foreground#ff6a00
  • activityBar.inactiveForeground#11121460
  • activityBarBadge.background#ff6a00
  • activityBarBadge.foreground#f7efe2
  • button.background#ff6a00
  • button.foreground#f7efe2
  • button.hoverBackground#ff6a00dd
  • editor.background#f7efe2
  • editor.foreground#111214
  • editor.inactiveSelectionBackground#c6622e2580
  • editor.lineHighlightBackground#ead7b850
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#c6622e25
  • editorCursor.foreground#ff6a00
  • editorGroupHeader.tabsBackground#ead7b8aa
  • editorLineNumber.activeForeground#ff6a00
  • editorLineNumber.foreground#8a786480
  • focusBorder#ff6a00
  • foreground#111214
  • input.background#ead7b8
  • input.border#00000015
  • input.foreground#111214
  • input.placeholderForeground#11121460
  • list.activeSelectionBackground#ff6a0030
  • list.activeSelectionForeground#111214
  • list.highlightForeground#ff6a00
  • list.hoverBackground#ead7b840
  • list.hoverForeground#111214
  • list.inactiveSelectionBackground#ff6a0015
  • list.inactiveSelectionForeground#111214
  • selection.background#c6622e25
  • sideBar.background#ead7b8
  • sideBar.border#00000015
  • sideBar.foreground#111214
  • sideBarSectionHeader.background#ead7b880
  • sideBarSectionHeader.foreground#111214
  • sideBarTitle.foreground#ff6a00
  • statusBar.background#f7efe2
  • statusBar.border#00000015
  • statusBar.foreground#111214
  • statusBar.noFolderBackground#f7efe2
  • tab.activeBackground#f7efe2
  • tab.activeBorderTop#ff6a00
  • tab.activeForeground#111214
  • tab.border#00000015
  • tab.inactiveBackground#f7efe260
  • tab.inactiveForeground#11121480
  • terminal.ansiBlack#111214
  • terminal.ansiBlue#c6622e
  • terminal.ansiCyan#ff8a3d
  • terminal.ansiGreen#ff6a00
  • terminal.ansiMagenta#fff1dc
  • terminal.ansiRed#fff1dc
  • terminal.ansiWhite#111214
  • terminal.ansiYellow#ff8a3d
  • terminal.background#f7efe2
  • terminal.foreground#111214
  • titleBar.activeBackground#f7efe2
  • titleBar.activeForeground#111214
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f7efe2
  • titleBar.inactiveForeground#11121460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8a7864italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#c6622ebold
storage.type, storage.modifier#c6622eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#ff6a00
string, punctuation.definition.string, string.template, meta.template.expression#ff8a3d
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#fff1dc
variable, variable.other.readwrite, variable.other.object#111214
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#111214
variable.parameter, meta.parameter#111214dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#11121480
keyword.operator#111214
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#ff8a3dbold
entity.other.inherited-class#ff6a00
entity.name.tag, punctuation.definition.tag#c6622e
entity.other.attribute-name#ff6a00
meta.diff, meta.diff.header#8a7864
markup.deleted#fff1dc
markup.inserted#ff6a00
markup.changed#ff8a3d
markup.heading, markup.heading.setext, punctuation.definition.heading#ff6a00bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#ff8a3d
string.other.link.title, string.other.link.description#ff6a00
markup.underline.link#8a7864underline
punctuation.definition.list#c6622e
markup.quote, punctuation.definition.quote#8a7864italic