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#FCFDFC
  • activityBar.border#00000015
  • activityBar.foreground#25935C
  • activityBar.inactiveForeground#0E141260
  • activityBarBadge.background#25935C
  • activityBarBadge.foreground#FCFDFC
  • button.background#25935C
  • button.foreground#FCFDFC
  • button.hoverBackground#25935Cdd
  • editor.background#FCFDFC
  • editor.foreground#0E1412
  • editor.inactiveSelectionBackground#3683212580
  • editor.lineHighlightBackground#F1F4F350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#36832125
  • editorCursor.foreground#25935C
  • editorGroupHeader.tabsBackground#F1F4F3aa
  • editorLineNumber.activeForeground#25935C
  • editorLineNumber.foreground#A8B3AE80
  • focusBorder#25935C
  • foreground#0E1412
  • input.background#F1F4F3
  • input.border#00000015
  • input.foreground#0E1412
  • input.placeholderForeground#0E141260
  • list.activeSelectionBackground#25935C30
  • list.activeSelectionForeground#0E1412
  • list.highlightForeground#25935C
  • list.hoverBackground#F1F4F340
  • list.hoverForeground#0E1412
  • list.inactiveSelectionBackground#25935C15
  • list.inactiveSelectionForeground#0E1412
  • selection.background#36832125
  • sideBar.background#F1F4F3
  • sideBar.border#00000015
  • sideBar.foreground#0E1412
  • sideBarSectionHeader.background#F1F4F380
  • sideBarSectionHeader.foreground#0E1412
  • sideBarTitle.foreground#25935C
  • statusBar.background#FCFDFC
  • statusBar.border#00000015
  • statusBar.foreground#0E1412
  • statusBar.noFolderBackground#FCFDFC
  • tab.activeBackground#FCFDFC
  • tab.activeBorderTop#25935C
  • tab.activeForeground#0E1412
  • tab.border#00000015
  • tab.inactiveBackground#FCFDFC60
  • tab.inactiveForeground#0E141280
  • terminal.ansiBlack#0E1412
  • terminal.ansiBlue#368321
  • terminal.ansiCyan#29A341
  • terminal.ansiGreen#25935C
  • terminal.ansiMagenta#764419
  • terminal.ansiRed#764419
  • terminal.ansiWhite#0E1412
  • terminal.ansiYellow#29A341
  • terminal.background#FCFDFC
  • terminal.foreground#0E1412
  • titleBar.activeBackground#FCFDFC
  • titleBar.activeForeground#0E1412
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFDFC
  • titleBar.inactiveForeground#0E141260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A8B3AEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#368321bold
storage.type, storage.modifier#368321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#25935C
string, punctuation.definition.string, string.template, meta.template.expression#29A341
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764419
variable, variable.other.readwrite, variable.other.object#0E1412
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0E1412
variable.parameter, meta.parameter#0E1412dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0E141280
keyword.operator#0E1412
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A341bold
entity.other.inherited-class#25935C
entity.name.tag, punctuation.definition.tag#368321
entity.other.attribute-name#25935C
meta.diff, meta.diff.header#A8B3AE
markup.deleted#764419
markup.inserted#25935C
markup.changed#29A341
markup.heading, markup.heading.setext, punctuation.definition.heading#25935Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A341
string.other.link.title, string.other.link.description#25935C
markup.underline.link#A8B3AEunderline
punctuation.definition.list#368321
markup.quote, punctuation.definition.quote#A8B3AEitalic