Skip to main content
Coding Theme

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.

  • editor.background#101418
  • editor.foreground#E2DECF
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#2A2A2B
  • editor.selectionHighlightBackground#add6ff26
  • editorBracketHighlight.foreground1#ffff40
  • editorBracketHighlight.foreground2#7fff7f
  • editorBracketHighlight.foreground3#ff7fff
  • editorBracketHighlight.foreground4#ff6e42
  • editorIndentGuide.activeBackground1#ffff40
  • editorIndentGuide.activeBackground2#7fff7f
  • editorIndentGuide.activeBackground3#ff7fff
  • editorIndentGuide.activeBackground4#ff6e42
  • editorIndentGuide.background1#ffff4088
  • editorIndentGuide.background2#7fff7f88
  • editorIndentGuide.background3#ff7fff88
  • editorIndentGuide.background4#ff6e4288
  • foreground#E2DECF
  • list.dropBackground#383b3d
  • sideBar.background#1e1e1f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7E868E
variable, string constant.other.placeholder, entity.name.variable#6882A4
source#E2DECF
constant.other.color#ffffff
invalid, invalid.illegal#f11237
keyword, keyword.control, keyword.other.template, keyword.other.substitution, keyword.other, storage.type, storage.modifier, storage.type.struct.c, storage.type.struct.cpp#F6722B
keyword.operator, 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, punctuation.semi#E2DECF
entity.name.type.lifetime.rust, storage.modifier.lifetime.rust#B2CB52
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#6882A4
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#FDD990
meta.block variable.other#6882A4
support.other.variable, string.other.link#6882A4
constant.numeric, support.constant, constant.character, constant.escape, keyword.other.unit#B2CB52
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#B2CB52
entity.name.type.class, entity.name.class#FF6688
entity.name.type.struct, storage.type.struct, entity.name.type#FCA0A7
entity.name.type.enum, meta.head.enum#98DFC6
entity.name.type.declaration, entity.name.type.alias#D5C3FB
support.type, support.type.primitive, entity.name.type.primitive, entity.name.type.numeric, storage.type.built-in.primitive, keyword.type#F6722B
variable.other.enummember#F6722B
entity.name.type.trait, entity.name.type.interface#30ADD6
entity.name.namespace, entity.name.type.namespace, entity.name.module#AFD1FC
support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#AFD1FC
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#6882A4
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#F6722B
variable.language#F6722B
entity.name.method.js#FDD990
meta.class-method.js entity.name.function.js, variable.function.constructor#FDD990
entity.other.attribute-name#E2DECF
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FDD990
entity.other.attribute-name.class#FCA0A7
source.sass keyword.control#E2DECF
markup.inserted#B2CB52
markup.deleted#FF5370
markup.changed#D5C3FB
string.regexp#F6722B
constant.character.escape#F6722B
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#E2DECF
source.js constant.other.object.key.js string.unquoted.label.js#FCA0A7
source.json meta.structure.dictionary.json support.type.property-name.json#398BA9
text.html.markdown, punctuation.definition.list_item.markdown#E2DECF
text.html.markdown markup.inline.raw.markdown#B2CB52
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#7E868E
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, entity.name.section.markdown#FDD990
markup.italic#98DFC6italic
markup.bold, markup.bold string#98DFC6bold
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#B2CB52bold
markup.underline.md#B2CB52
markup.quote punctuation.definition.blockquote.markdown#7E868E
markup.quoteitalic
string.other.link.title.markdown#82AAFF
string.other.link.description.title.markdown#B2CB52
constant.other.reference.link.markdown#FFCB6B
markup.raw.block#B2CB52
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#E2DECF
variable.language.fenced.markdown#7E868E
meta.separator#7E868Ebold
markup.table#E2DECF
entity.name.function.macro.rust, entity.name.function.preprocessor#A279CE
meta.attribute.rust, keyword.operator.attribute.inner.rust, punctuation.brackets.attribute.rust, punctuation.definition.attribute.rust#E2DECF
keyword.other.fn, constant.language.json.comments, meta.function.call.rust, keyword.other, storage.modifier.visibility.lalrpop, storage.type.core.lalrpop, keyword.control, constant.language.bool, meta.import, keyword.other.crate.rust, storage.modifier, storage.modifier.mut, variable.language.this, variable.language.base, variable.language.self, variable.language.super, keyword.operator.new#F6722B
string, string.quoted, string.quoted.double, string.quoted.double.rust, punctuation.definition.string, punctuation.definition.string.rust#B2CB52
AdvAyu by TRI99ER - VS Code Theme