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#F5F8F1
  • activityBar.border#00000015
  • activityBar.foreground#557F3A
  • activityBar.inactiveForeground#1B2E1F60
  • activityBarBadge.background#557F3A
  • activityBarBadge.foreground#F5F8F1
  • button.background#557F3A
  • button.foreground#F5F8F1
  • button.hoverBackground#557F3Add
  • editor.background#F5F8F1
  • editor.foreground#1B2E1F
  • editor.inactiveSelectionBackground#2E5A2A2580
  • editor.lineHighlightBackground#FFFFFF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2E5A2A25
  • editorCursor.foreground#557F3A
  • editorGroupHeader.tabsBackground#FFFFFFaa
  • editorLineNumber.activeForeground#557F3A
  • editorLineNumber.foreground#EEF5E680
  • focusBorder#557F3A
  • foreground#1B2E1F
  • input.background#FFFFFF
  • input.border#00000015
  • input.foreground#1B2E1F
  • input.placeholderForeground#1B2E1F60
  • list.activeSelectionBackground#557F3A30
  • list.activeSelectionForeground#1B2E1F
  • list.highlightForeground#557F3A
  • list.hoverBackground#FFFFFF40
  • list.hoverForeground#1B2E1F
  • list.inactiveSelectionBackground#557F3A15
  • list.inactiveSelectionForeground#1B2E1F
  • selection.background#2E5A2A25
  • sideBar.background#FFFFFF
  • sideBar.border#00000015
  • sideBar.foreground#1B2E1F
  • sideBarSectionHeader.background#FFFFFF80
  • sideBarSectionHeader.foreground#1B2E1F
  • sideBarTitle.foreground#557F3A
  • statusBar.background#F5F8F1
  • statusBar.border#00000015
  • statusBar.foreground#1B2E1F
  • statusBar.noFolderBackground#F5F8F1
  • tab.activeBackground#F5F8F1
  • tab.activeBorderTop#557F3A
  • tab.activeForeground#1B2E1F
  • tab.border#00000015
  • tab.inactiveBackground#F5F8F160
  • tab.inactiveForeground#1B2E1F80
  • terminal.ansiBlack#1B2E1F
  • terminal.ansiBlue#2E5A2A
  • terminal.ansiCyan#6EBF4E
  • terminal.ansiGreen#557F3A
  • terminal.ansiMagenta#A99A46
  • terminal.ansiRed#A99A46
  • terminal.ansiWhite#1B2E1F
  • terminal.ansiYellow#6EBF4E
  • terminal.background#F5F8F1
  • terminal.foreground#1B2E1F
  • titleBar.activeBackground#F5F8F1
  • titleBar.activeForeground#1B2E1F
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F5F8F1
  • titleBar.inactiveForeground#1B2E1F60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EEF5E6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2E5A2Abold
storage.type, storage.modifier#2E5A2Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#557F3A
string, punctuation.definition.string, string.template, meta.template.expression#6EBF4E
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A99A46
variable, variable.other.readwrite, variable.other.object#1B2E1F
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1B2E1F
variable.parameter, meta.parameter#1B2E1Fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1B2E1F80
keyword.operator#1B2E1F
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6EBF4Ebold
entity.other.inherited-class#557F3A
entity.name.tag, punctuation.definition.tag#2E5A2A
entity.other.attribute-name#557F3A
meta.diff, meta.diff.header#EEF5E6
markup.deleted#A99A46
markup.inserted#557F3A
markup.changed#6EBF4E
markup.heading, markup.heading.setext, punctuation.definition.heading#557F3Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6EBF4E
string.other.link.title, string.other.link.description#557F3A
markup.underline.link#EEF5E6underline
punctuation.definition.list#2E5A2A
markup.quote, punctuation.definition.quote#EEF5E6italic