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#1F332A
  • activityBar.border#ffffff15
  • activityBar.foreground#70E967
  • activityBar.inactiveForeground#fbf7ec60
  • activityBarBadge.background#70E967
  • activityBarBadge.foreground#1F332A
  • button.background#70E967
  • button.foreground#1F332A
  • button.hoverBackground#70E967dd
  • editor.background#1F332A
  • editor.foreground#fbf7ec
  • editor.inactiveSelectionBackground#8EEC793580
  • editor.lineHighlightBackground#161D1640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#8EEC7935
  • editorCursor.foreground#70E967
  • editorGroupHeader.tabsBackground#1F332Add
  • editorLineNumber.activeForeground#70E967
  • editorLineNumber.foreground#7a8a4a80
  • focusBorder#70E967
  • foreground#fbf7ec
  • input.background#161D16
  • input.border#ffffff15
  • input.foreground#fbf7ec
  • input.placeholderForeground#fbf7ec60
  • list.activeSelectionBackground#70E96730
  • list.activeSelectionForeground#fbf7ec
  • list.highlightForeground#70E967
  • list.hoverBackground#161D1640
  • list.hoverForeground#fbf7ec
  • list.inactiveSelectionBackground#70E96715
  • list.inactiveSelectionForeground#fbf7ec
  • selection.background#8EEC7935
  • sideBar.background#161D16
  • sideBar.border#ffffff15
  • sideBar.foreground#fbf7ec
  • sideBarSectionHeader.background#1F332A80
  • sideBarSectionHeader.foreground#fbf7ec
  • sideBarTitle.foreground#70E967
  • statusBar.background#1F332A
  • statusBar.border#ffffff15
  • statusBar.foreground#fbf7ec
  • statusBar.noFolderBackground#1F332A
  • tab.activeBackground#1F332A
  • tab.activeBorderTop#70E967
  • tab.activeForeground#fbf7ec
  • tab.border#ffffff15
  • tab.inactiveBackground#161D1660
  • tab.inactiveForeground#fbf7ec80
  • terminal.ansiBlack#1F332A
  • terminal.ansiBlue#8EEC79
  • terminal.ansiCyan#E7B655
  • terminal.ansiGreen#70E967
  • terminal.ansiMagenta#83C5F1
  • terminal.ansiRed#83C5F1
  • terminal.ansiWhite#fbf7ec
  • terminal.ansiYellow#E7B655
  • terminal.background#1F332A
  • terminal.foreground#fbf7ec
  • titleBar.activeBackground#1F332A
  • titleBar.activeForeground#fbf7ec
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1F332A
  • titleBar.inactiveForeground#fbf7ec60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7a8a4aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#8EEC79bold
storage.type, storage.modifier#8EEC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#70E967
string, punctuation.definition.string, string.template, meta.template.expression#E7B655
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83C5F1
variable, variable.other.readwrite, variable.other.object#fbf7ec
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fbf7ec
variable.parameter, meta.parameter#fbf7ecdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fbf7ec80
keyword.operator#fbf7ec
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7B655bold
entity.other.inherited-class#70E967
entity.name.tag, punctuation.definition.tag#8EEC79
entity.other.attribute-name#70E967
meta.diff, meta.diff.header#7a8a4a
markup.deleted#83C5F1
markup.inserted#70E967
markup.changed#E7B655
markup.heading, markup.heading.setext, punctuation.definition.heading#70E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7B655
string.other.link.title, string.other.link.description#70E967
markup.underline.link#7a8a4aunderline
punctuation.definition.list#8EEC79
markup.quote, punctuation.definition.quote#7a8a4aitalic