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#9FC149
  • activityBar.border#ffffff15
  • activityBar.foreground#67E995
  • activityBar.inactiveForeground#f3f5f260
  • activityBarBadge.background#67E995
  • activityBarBadge.foreground#9FC149
  • button.background#67E995
  • button.foreground#9FC149
  • button.hoverBackground#67E995dd
  • editor.background#9FC149
  • editor.foreground#f3f5f2
  • editor.inactiveSelectionBackground#BAEC793580
  • editor.lineHighlightBackground#11131140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#BAEC7935
  • editorCursor.foreground#67E995
  • editorGroupHeader.tabsBackground#9FC149dd
  • editorLineNumber.activeForeground#67E995
  • editorLineNumber.foreground#2b312d80
  • focusBorder#67E995
  • foreground#f3f5f2
  • input.background#111311
  • input.border#ffffff15
  • input.foreground#f3f5f2
  • input.placeholderForeground#f3f5f260
  • list.activeSelectionBackground#67E99530
  • list.activeSelectionForeground#f3f5f2
  • list.highlightForeground#67E995
  • list.hoverBackground#11131140
  • list.hoverForeground#f3f5f2
  • list.inactiveSelectionBackground#67E99515
  • list.inactiveSelectionForeground#f3f5f2
  • selection.background#BAEC7935
  • sideBar.background#111311
  • sideBar.border#ffffff15
  • sideBar.foreground#f3f5f2
  • sideBarSectionHeader.background#9FC14980
  • sideBarSectionHeader.foreground#f3f5f2
  • sideBarTitle.foreground#67E995
  • statusBar.background#9FC149
  • statusBar.border#ffffff15
  • statusBar.foreground#f3f5f2
  • statusBar.noFolderBackground#9FC149
  • tab.activeBackground#9FC149
  • tab.activeBorderTop#67E995
  • tab.activeForeground#f3f5f2
  • tab.border#ffffff15
  • tab.inactiveBackground#11131160
  • tab.inactiveForeground#f3f5f280
  • terminal.ansiBlack#9FC149
  • terminal.ansiBlue#BAEC79
  • terminal.ansiCyan#55E790
  • terminal.ansiGreen#67E995
  • terminal.ansiMagenta#B6F183
  • terminal.ansiRed#B6F183
  • terminal.ansiWhite#f3f5f2
  • terminal.ansiYellow#55E790
  • terminal.background#9FC149
  • terminal.foreground#f3f5f2
  • titleBar.activeBackground#9FC149
  • titleBar.activeForeground#f3f5f2
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#9FC149
  • titleBar.inactiveForeground#f3f5f260
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#2b312ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#BAEC79bold
storage.type, storage.modifier#BAEC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E995
string, punctuation.definition.string, string.template, meta.template.expression#55E790
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B6F183
variable, variable.other.readwrite, variable.other.object#f3f5f2
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f3f5f2
variable.parameter, meta.parameter#f3f5f2dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f3f5f280
keyword.operator#f3f5f2
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E790bold
entity.other.inherited-class#67E995
entity.name.tag, punctuation.definition.tag#BAEC79
entity.other.attribute-name#67E995
meta.diff, meta.diff.header#2b312d
markup.deleted#B6F183
markup.inserted#67E995
markup.changed#55E790
markup.heading, markup.heading.setext, punctuation.definition.heading#67E995bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E790
string.other.link.title, string.other.link.description#67E995
markup.underline.link#2b312dunderline
punctuation.definition.list#BAEC79
markup.quote, punctuation.definition.quote#2b312ditalic