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#f5f5f5
  • editor.foreground#333333

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#808080
string#6B8E23
string.regexp, constant.regexp#6B8E23
keyword#386ac3
keyword.operator#386ac3
storage#386ac3
storage.modifier.import, storage.modifier.package#535353
support.function#386ac3
variable.parameter#C1651A
constant.numeric#619ac3
constant.language#F07C82
constant.other#e88501italic
text.html.basic meta.tag.sgml.html punctuation.definition.tag.html, text.html.basic meta.tag.sgml.html meta.tag.sgml.doctype.html, text.html.basic meta.tag.sgml.html meta.tag.sgml.doctype.html string.quoted.double.doctype.identifiers-and-DTDs.html#535353
text.html.basic constant.character.entity.html, text.xml constant.character.entity.xml#e88501
entity.name.tag#386ac3
punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag.html#386ac3
entity.other.attribute-name#CD6889
meta.selector.css entity.name.tag.css, meta.selector.css entity.other.attribute-name.class.css, meta.selector.css entity.other.attribute-name.id.css, meta.selector.css meta.attribute-selector.css entity.other.attribute-name.attribute.css, meta.selector.css meta.attribute-selector.css string.unquoted.attribute-value.css#386ac3
meta.selector.css meta.attribute-selector.css punctuation.separator.operator.css#535353
meta.selector.css entity.other.attribute-name.pseudo-class.css, meta.selector.css entity.other.attribute-name.pseudo-element.css#535353
keyword.control.at-rule, meta.at-rule support.type.property-name#8431c5
meta.at-rule support.constant#6d8600
meta.at-rule keyword.operator#386ac3
meta.property-name.css support.type.property-name.css#CC5595
meta.property-value.css#535353
meta.property-value.css support.constant, meta.property-value.css support.function, meta.property-value.css variable.parameter.misc.css, meta.property-value.css constant.other.color.rgb-value.css#7B68EE
meta.property-value.css constant.numeric.css, meta.property-value.css constant.numeric.css keyword.other.unit.css, meta.at-rule constant.numeric.css keyword.other.unit.css#10a567
meta.property-value.css support.constant.color.w3c-standard-color-name.css#386ac3
punctuation.separator.key-value.css, punctuation.terminator.rule.css, punctuation.section.property-list.css#535353
variable.language.js, storage.type.js, storage.type.function.js, meta.function.json.js storage.type.function.js, meta.class.instance.constructor, keyword.operator.new keyword.operator.new.js#386ac3
support.function.js, support.function.ts, support.function.dom.js, support.constant.js, entity.name.function.js, entity.name.function.ts, meta.function.json.js variable.parameter.function.js#8431c5
text.xml meta.tag.preprocessor.xml punctuation.definition.tag.begin.xml, text.xml meta.tag.preprocessor.xml entity.name.tag.xml, text.xml meta.tag.preprocessor.xml entity.other.attribute-name.xml, text.xml meta.tag.preprocessor.xml string.quoted.double.xml, text.xml meta.tag.sgml.doctype.xml punctuation.definition.tag.begin.xml, text.xml meta.tag.sgml.doctype.xml keyword.doctype.xml#535353
text.tex.latex constant, text.tex.latex constant.other#386ac3
text.tex.latex string.other.math#6d8600
text.tex.latex string.other.math punctuation.section.group.tex, text.tex.latex string.other.math punctuation.definition.arguments#535353
text.tex.latex meta.function.section.latex entity.name.section.latex#8431c5
text.tex.latex variable.parameter.function.latex#e88501italic
text.tex.latex constant.other.reference#e88501
text.tex.latex meta.preamble.latex support.class.latex#6d8600
source.c++ meta.preprocessor#386ac3
sublimelinter.mark.error#D02000
sublimelinter.gutter-mark#FFFFFF
sublimelinter.mark.warning#DDB700
markup.deleted.git_gutter#F92672
markup.inserted.git_gutter#A6E22E
markup.changed.git_gutter#967EFB
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656
punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression#386ac3
meta.template.expression.js, meta.template.expression.ts, meta.template.expression#000000
support.module.node.js, support.type.object.module.js, support.module.node.js#000000
var.this, variable.language.this.js, variable.language.this.ts, variable.language.this.jsx, variable.language.this.tsx#386ac3
function.parameter#C1651A
function.parameter#C1651A
keyword.oper#e06c75
keyword.operator.expression.delete, keyword.operator.expression.in, keyword.operator.expression.of, keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.expression.typeof, keyword.operator.expression.void#386ac3
support.type.property-name.json#386ac3
keyword.operator.expression.import#386ac3
entity#8431c5
entity.name.type.namespace#5978f3
entity.name.type#CD69C9
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#12AA9C
string variable#353535

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

undertone-light-theme - Coding Theme