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.

  • editor.background#fafafa
  • editor.foreground#000000de
  • list.activeSelectionIconForeground#fff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
text.html, support.type.primitive.ts, punctuation.definition.parameters.begin.ts, punctuation.definition.parameters.end.ts, meta.parameters.ts, meta.method.declaration.ts, punctuation.terminator.statement.ts, meta.object-literal.key.ts, meta.class.ts, source.ts#000000de
keyword.operator.new.ts#3b78e7
variable.language.this.ts, support.type.primitive.ts, entity.name.function.ts#6182b8
entity.name.function, support.function, punctuation, meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, meta.tag entity.other.attribute-name, entity.other.attribute-name.html#9c27b0
variable.parameter.ts, entity.name.type.ts, meta.decorator.ts, meta.function-call.ts#d81b60
string, punctuation.definition.string.begin.ts, punctuation.definition.string.end.ts, string.quoted.single.ts#0d904f
comment, punctuation.definition.comment#AAAAAAitalic
comment.block.preprocessor#AAAAAA
comment.documentation, comment.block.documentation#448C27
invalid.illegal#660000
keyword.operator#000000de
keyword, storage#3b78e7
storage.type, support.type#6182b8
constant.language, support.constant, variable.language#80cbc4
variable, support.variable#000000de
entity.name.type, entity.other.inherited-class, support.class#6182b8
entity.name.exception#660000
entity.name.sectionbold
constant.numeric, constant.character, constant#80cbc4
constant.character.escape#777777
string.regexp#4B83CD
constant.other.symbol#AB6526
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#AAAAAA
entity.name.tag#3b78e7
constant.character.entity, punctuation.definition.entity#8796b0
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#8796b0
meta.property-name, support.type.property-name#3b78e7
meta.property-value, meta.property-value constant.other, support.constant.property-value#80cbc4
keyword.other.importantbold
markup.changed#000000de
markup.deleted#000000de
markup.italicitalic
markup.error#660000
markup.inserted#000000
meta.link#3b78e7
markup.output, markup.raw#777777
markup.prompt#777777
markup.heading#AA3731
markup.boldbold
markup.traceback#660000
markup.underlineunderline
markup.quote#7A3E9D
markup.list#4B83CD
markup.bold, markup.italic#448C27
markup.inline.raw#AB6526
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343
DevThemes pack by Francky Iside - VS Code Theme