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#F3FAF2
  • activityBar.border#00000015
  • activityBar.foreground#2E7D32
  • activityBar.inactiveForeground#0E2F1960
  • activityBarBadge.background#2E7D32
  • activityBarBadge.foreground#F3FAF2
  • button.background#2E7D32
  • button.foreground#F3FAF2
  • button.hoverBackground#2E7D32dd
  • editor.background#F3FAF2
  • editor.foreground#0E2F19
  • editor.inactiveSelectionBackground#4FA64A2580
  • editor.lineHighlightBackground#FBFFF650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#4FA64A25
  • editorCursor.foreground#2E7D32
  • editorGroupHeader.tabsBackground#FBFFF6aa
  • editorLineNumber.activeForeground#2E7D32
  • editorLineNumber.foreground#E7F2E680
  • focusBorder#2E7D32
  • foreground#0E2F19
  • input.background#FBFFF6
  • input.border#00000015
  • input.foreground#0E2F19
  • input.placeholderForeground#0E2F1960
  • list.activeSelectionBackground#2E7D3230
  • list.activeSelectionForeground#0E2F19
  • list.highlightForeground#2E7D32
  • list.hoverBackground#FBFFF640
  • list.hoverForeground#0E2F19
  • list.inactiveSelectionBackground#2E7D3215
  • list.inactiveSelectionForeground#0E2F19
  • selection.background#4FA64A25
  • sideBar.background#FBFFF6
  • sideBar.border#00000015
  • sideBar.foreground#0E2F19
  • sideBarSectionHeader.background#FBFFF680
  • sideBarSectionHeader.foreground#0E2F19
  • sideBarTitle.foreground#2E7D32
  • statusBar.background#F3FAF2
  • statusBar.border#00000015
  • statusBar.foreground#0E2F19
  • statusBar.noFolderBackground#F3FAF2
  • tab.activeBackground#F3FAF2
  • tab.activeBorderTop#2E7D32
  • tab.activeForeground#0E2F19
  • tab.border#00000015
  • tab.inactiveBackground#F3FAF260
  • tab.inactiveForeground#0E2F1980
  • terminal.ansiBlack#0E2F19
  • terminal.ansiBlue#4FA64A
  • terminal.ansiCyan#C6F15A
  • terminal.ansiGreen#2E7D32
  • terminal.ansiMagenta#E3FF72
  • terminal.ansiRed#E3FF72
  • terminal.ansiWhite#0E2F19
  • terminal.ansiYellow#C6F15A
  • terminal.background#F3FAF2
  • terminal.foreground#0E2F19
  • titleBar.activeBackground#F3FAF2
  • titleBar.activeForeground#0E2F19
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F3FAF2
  • titleBar.inactiveForeground#0E2F1960
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E7F2E6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#4FA64Abold
storage.type, storage.modifier#4FA64Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#2E7D32
string, punctuation.definition.string, string.template, meta.template.expression#C6F15A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#E3FF72
variable, variable.other.readwrite, variable.other.object#0E2F19
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0E2F19
variable.parameter, meta.parameter#0E2F19dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0E2F1980
keyword.operator#0E2F19
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#C6F15Abold
entity.other.inherited-class#2E7D32
entity.name.tag, punctuation.definition.tag#4FA64A
entity.other.attribute-name#2E7D32
meta.diff, meta.diff.header#E7F2E6
markup.deleted#E3FF72
markup.inserted#2E7D32
markup.changed#C6F15A
markup.heading, markup.heading.setext, punctuation.definition.heading#2E7D32bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#C6F15A
string.other.link.title, string.other.link.description#2E7D32
markup.underline.link#E7F2E6underline
punctuation.definition.list#4FA64A
markup.quote, punctuation.definition.quote#E7F2E6italic