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#ECF1E9
  • activityBar.border#ffffff15
  • activityBar.foreground#67E98E
  • activityBar.inactiveForeground#eef3f060
  • activityBarBadge.background#67E98E
  • activityBarBadge.foreground#ECF1E9
  • button.background#67E98E
  • button.foreground#ECF1E9
  • button.hoverBackground#67E98Edd
  • editor.background#ECF1E9
  • editor.foreground#eef3f0
  • editor.inactiveSelectionBackground#C2EC793580
  • editor.lineHighlightBackground#1A2D2B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C2EC7935
  • editorCursor.foreground#67E98E
  • editorGroupHeader.tabsBackground#ECF1E9dd
  • editorLineNumber.activeForeground#67E98E
  • editorLineNumber.foreground#a9b3ad80
  • focusBorder#67E98E
  • foreground#eef3f0
  • input.background#1A2D2B
  • input.border#ffffff15
  • input.foreground#eef3f0
  • input.placeholderForeground#eef3f060
  • list.activeSelectionBackground#67E98E30
  • list.activeSelectionForeground#eef3f0
  • list.highlightForeground#67E98E
  • list.hoverBackground#1A2D2B40
  • list.hoverForeground#eef3f0
  • list.inactiveSelectionBackground#67E98E15
  • list.inactiveSelectionForeground#eef3f0
  • selection.background#C2EC7935
  • sideBar.background#1A2D2B
  • sideBar.border#ffffff15
  • sideBar.foreground#eef3f0
  • sideBarSectionHeader.background#ECF1E980
  • sideBarSectionHeader.foreground#eef3f0
  • sideBarTitle.foreground#67E98E
  • statusBar.background#ECF1E9
  • statusBar.border#ffffff15
  • statusBar.foreground#eef3f0
  • statusBar.noFolderBackground#ECF1E9
  • tab.activeBackground#ECF1E9
  • tab.activeBorderTop#67E98E
  • tab.activeForeground#eef3f0
  • tab.border#ffffff15
  • tab.inactiveBackground#1A2D2B60
  • tab.inactiveForeground#eef3f080
  • terminal.ansiBlack#ECF1E9
  • terminal.ansiBlue#C2EC79
  • terminal.ansiCyan#55E7E2
  • terminal.ansiGreen#67E98E
  • terminal.ansiMagenta#F1CB83
  • terminal.ansiRed#F1CB83
  • terminal.ansiWhite#eef3f0
  • terminal.ansiYellow#55E7E2
  • terminal.background#ECF1E9
  • terminal.foreground#eef3f0
  • titleBar.activeBackground#ECF1E9
  • titleBar.activeForeground#eef3f0
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#ECF1E9
  • titleBar.inactiveForeground#eef3f060
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a9b3aditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C2EC79bold
storage.type, storage.modifier#C2EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E98E
string, punctuation.definition.string, string.template, meta.template.expression#55E7E2
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CB83
variable, variable.other.readwrite, variable.other.object#eef3f0
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#eef3f0
variable.parameter, meta.parameter#eef3f0dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#eef3f080
keyword.operator#eef3f0
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7E2bold
entity.other.inherited-class#67E98E
entity.name.tag, punctuation.definition.tag#C2EC79
entity.other.attribute-name#67E98E
meta.diff, meta.diff.header#a9b3ad
markup.deleted#F1CB83
markup.inserted#67E98E
markup.changed#55E7E2
markup.heading, markup.heading.setext, punctuation.definition.heading#67E98Ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7E2
string.other.link.title, string.other.link.description#67E98E
markup.underline.link#a9b3adunderline
punctuation.definition.list#C2EC79
markup.quote, punctuation.definition.quote#a9b3aditalic