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#0f1419
  • activityBarBadge.background#00ff9f
  • editor.background#0a0e0f
  • editor.foreground#00ff9f
  • editor.lineHighlightBackground#00ff9f11
  • editor.selectionBackground#00ff9f33
  • editorLineNumber.activeForeground#00ff9f
  • editorLineNumber.foreground#1a4d3a
  • sideBar.background#0f1419
  • sideBarTitle.foreground#00ff9f
  • statusBar.background#00ff9f
  • statusBar.foreground#0a0e0f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#2d5a4aitalic
variable, string constant.other.placeholder#e0e0e0
constant.other.color#ff66ff
invalid, invalid.illegal#ff3366
keyword, storage.type, storage.modifier#00ff9fbold
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#66ffcc
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#ff6b9d
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#ffcc00
meta.block variable.other#c0c0c0
support.other.variable, string.other.link#66d9ef
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#ff9966
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#ccff66
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#00ff9fbold
support.type#33ffaa
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#00ffcc
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#ccffee
variable.language#00ff9fitalic
entity.name.method.js#00ffccitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#00ffcc
entity.other.attribute-name#00ff9f
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#66ffccitalic
entity.other.attribute-name.class#00ff9f
source.sass keyword.control#00ffcc
markup.inserted#00ff9f
markup.deleted#ff3366
markup.changed#00ffcc
string.regexp#00ffcc
constant.character.escape#66ffcc
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#00ffccitalic
source.js constant.other.object.key.js string.unquoted.label.js#00ff9fitalic
source.json meta.structure.dictionary.json support.type.property-name.json#00ff9f
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#33ffaa
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#66ffb3
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#99ffcc
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#00ffcc
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ccffee
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#00ff9f
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#66ffcc
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#99ffdd
text.html.markdown, punctuation.definition.list_item.markdown#ccffee
text.html.markdown markup.inline.raw.markdown#00ff9f
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#2d5a4a
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#00ff9f
markup.italic#66ffccitalic
markup.bold, markup.bold string#00ff9fbold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#00ff9fbold
markup.underline#00ffccunderline
markup.quote punctuation.definition.blockquote.markdown#2d5a4a
markup.quoteitalic
string.other.link.title.markdown#00ffcc
string.other.link.description.title.markdown#00ff9f
constant.other.reference.link.markdown#66ffcc
markup.raw.block#00ff9f
markup.raw.block.fenced.markdown#1a4d3a
punctuation.definition.fenced.markdown#1a4d3a
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#ccffee
variable.language.fenced.markdown#2d5a4a
meta.separator#2d5a4abold
markup.table#ccffee
NeoMint Dark by Chrxstxqn - VS Code Theme