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#25932A
  • activityBar.inactiveForeground#0F1A1260
  • activityBarBadge.background#25932A
  • activityBarBadge.foreground#FCFDFC
  • button.background#25932A
  • button.foreground#FCFDFC
  • button.hoverBackground#25932Add
  • editor.background#FCFDFC
  • editor.foreground#0F1A12
  • editor.inactiveSelectionBackground#2183242580
  • editor.lineHighlightBackground#91866E50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21832425
  • editorCursor.foreground#25932A
  • editorGroupHeader.tabsBackground#91866Eaa
  • editorLineNumber.activeForeground#25932A
  • editorLineNumber.foreground#D9D6CF80
  • focusBorder#25932A
  • foreground#0F1A12
  • input.background#91866E
  • input.border#00000015
  • input.foreground#0F1A12
  • input.placeholderForeground#0F1A1260
  • list.activeSelectionBackground#25932A30
  • list.activeSelectionForeground#0F1A12
  • list.highlightForeground#25932A
  • list.hoverBackground#91866E40
  • list.hoverForeground#0F1A12
  • list.inactiveSelectionBackground#25932A15
  • list.inactiveSelectionForeground#0F1A12
  • selection.background#21832425
  • sideBar.background#91866E
  • sideBar.border#00000015
  • sideBar.foreground#0F1A12
  • sideBarSectionHeader.background#91866E80
  • sideBarSectionHeader.foreground#0F1A12
  • sideBarTitle.foreground#25932A
  • statusBar.background#FCFDFC
  • statusBar.border#00000015
  • statusBar.foreground#0F1A12
  • statusBar.noFolderBackground#FCFDFC
  • tab.activeBackground#FCFDFC
  • tab.activeBorderTop#25932A
  • tab.activeForeground#0F1A12
  • tab.border#00000015
  • tab.inactiveBackground#FCFDFC60
  • tab.inactiveForeground#0F1A1280
  • terminal.ansiBlack#0F1A12
  • terminal.ansiBlue#218324
  • terminal.ansiCyan#A38B29
  • terminal.ansiGreen#25932A
  • terminal.ansiMagenta#761B19
  • terminal.ansiRed#761B19
  • terminal.ansiWhite#0F1A12
  • terminal.ansiYellow#A38B29
  • terminal.background#FCFDFC
  • terminal.foreground#0F1A12
  • titleBar.activeBackground#FCFDFC
  • titleBar.activeForeground#0F1A12
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFDFC
  • titleBar.inactiveForeground#0F1A1260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D9D6CFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#218324bold
storage.type, storage.modifier#218324italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#25932A
string, punctuation.definition.string, string.template, meta.template.expression#A38B29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#761B19
variable, variable.other.readwrite, variable.other.object#0F1A12
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0F1A12
variable.parameter, meta.parameter#0F1A12dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0F1A1280
keyword.operator#0F1A12
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A38B29bold
entity.other.inherited-class#25932A
entity.name.tag, punctuation.definition.tag#218324
entity.other.attribute-name#25932A
meta.diff, meta.diff.header#D9D6CF
markup.deleted#761B19
markup.inserted#25932A
markup.changed#A38B29
markup.heading, markup.heading.setext, punctuation.definition.heading#25932Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A38B29
string.other.link.title, string.other.link.description#25932A
markup.underline.link#D9D6CFunderline
punctuation.definition.list#218324
markup.quote, punctuation.definition.quote#D9D6CFitalic