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#060809
  • activityBar.border#ffffff15
  • activityBar.foreground#67E97D
  • activityBar.inactiveForeground#F7FAF960
  • activityBarBadge.background#67E97D
  • activityBarBadge.foreground#060809
  • button.background#67E97D
  • button.foreground#060809
  • button.hoverBackground#67E97Ddd
  • editor.background#060809
  • editor.foreground#F7FAF9
  • editor.inactiveSelectionBackground#79EC963580
  • editor.lineHighlightBackground#0A0A0A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79EC9635
  • editorCursor.foreground#67E97D
  • editorGroupHeader.tabsBackground#060809dd
  • editorLineNumber.activeForeground#67E97D
  • editorLineNumber.foreground#C7CED180
  • focusBorder#67E97D
  • foreground#F7FAF9
  • input.background#0A0A0A
  • input.border#ffffff15
  • input.foreground#F7FAF9
  • input.placeholderForeground#F7FAF960
  • list.activeSelectionBackground#67E97D30
  • list.activeSelectionForeground#F7FAF9
  • list.highlightForeground#67E97D
  • list.hoverBackground#0A0A0A40
  • list.hoverForeground#F7FAF9
  • list.inactiveSelectionBackground#67E97D15
  • list.inactiveSelectionForeground#F7FAF9
  • selection.background#79EC9635
  • sideBar.background#0A0A0A
  • sideBar.border#ffffff15
  • sideBar.foreground#F7FAF9
  • sideBarSectionHeader.background#06080980
  • sideBarSectionHeader.foreground#F7FAF9
  • sideBarTitle.foreground#67E97D
  • statusBar.background#060809
  • statusBar.border#ffffff15
  • statusBar.foreground#F7FAF9
  • statusBar.noFolderBackground#060809
  • tab.activeBackground#060809
  • tab.activeBorderTop#67E97D
  • tab.activeForeground#F7FAF9
  • tab.border#ffffff15
  • tab.inactiveBackground#0A0A0A60
  • tab.inactiveForeground#F7FAF980
  • terminal.ansiBlack#060809
  • terminal.ansiBlue#79EC96
  • terminal.ansiCyan#55E4E7
  • terminal.ansiGreen#67E97D
  • terminal.ansiMagenta#A4F183
  • terminal.ansiRed#A4F183
  • terminal.ansiWhite#F7FAF9
  • terminal.ansiYellow#55E4E7
  • terminal.background#060809
  • terminal.foreground#F7FAF9
  • titleBar.activeBackground#060809
  • titleBar.activeForeground#F7FAF9
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#060809
  • titleBar.inactiveForeground#F7FAF960
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C7CED1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79EC96bold
storage.type, storage.modifier#79EC96italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E97D
string, punctuation.definition.string, string.template, meta.template.expression#55E4E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#A4F183
variable, variable.other.readwrite, variable.other.object#F7FAF9
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7FAF9
variable.parameter, meta.parameter#F7FAF9dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7FAF980
keyword.operator#F7FAF9
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E4E7bold
entity.other.inherited-class#67E97D
entity.name.tag, punctuation.definition.tag#79EC96
entity.other.attribute-name#67E97D
meta.diff, meta.diff.header#C7CED1
markup.deleted#A4F183
markup.inserted#67E97D
markup.changed#55E4E7
markup.heading, markup.heading.setext, punctuation.definition.heading#67E97Dbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E4E7
string.other.link.title, string.other.link.description#67E97D
markup.underline.link#C7CED1underline
punctuation.definition.list#79EC96
markup.quote, punctuation.definition.quote#C7CED1italic