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.

  • contrastActiveBorder#FFFFFF
  • editor.background#000000
  • editor.foreground#FFFFFF
  • editor.lineHighlightBackground#36454F
  • editor.selectionBackground#3344FF
  • editor.selectionForeground#F8F8F2
  • editor.selectionHighlightBackground#3344FF
  • editor.wordHighlightBackground#3344FF
  • editor.wordHighlightBorder#3344FF
  • editor.wordHighlightStrongBackground#3344FF
  • editorLineNumber.activeForeground#3344FF
  • focusBorder#FFFFFF
  • terminal.ansiCyan#FFFFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, string.quoted.docstring.multi.python#98AFFF—
keyword.control, storage.type.function, storage.type.class.python, storage.type.class, storage.modifier.declaration.python, storage.type.js, keyword.operator.expression.instanceof.js, keyword.operator.logical, storage.modifier.async.js, storage.modifier.js, keyword.operator, keyword.operator.new.js, keyword.operator.expression.in.js, keyword.other.julia, keyword.local.lua, entity.name.tag.html, keyword.operator.expression.of.js#FF0000—
meta.function-call#67E480—
entity.name.function, support.function.magic.python#67E480—
entity.name.type.class.python, entity.name.type.class#67E480—
support.class.promise.js#67E480—
entity.other.inherited-class.js#67E480—
variable.language.super.js#67E480—
variable.language.this.js#6272A4—
meta.function-call.arguments, meta.embedded.line.js, variable.other.object.property.js, meta.function-call.js, meta.block.js, meta.function.js#ffffff—
variable.parameter, variable.language.special.self.python#6272A4—
string.quoted.single, punctuation.definition.string.template.begin.js, punctuation.definition.string.template.end.js, string.template.js, string.quoted.double.js, string.quoted.double.julia, string.quoted.double.r, string.quoted.double.lua, string.quoted.double.html, string.quoted.double.css, string.quoted.double.json, markup.inline.raw.string.markdown, string.quoted.binary.single.python, string.regexp.quoted.single.python, string.quoted.multi.python#FFFF00—
constant.numeric.decimal, constant.numeric.dec.python, constant.numeric.float.python#BD93F9—
keyword.operator#D4D4D4—
punctuation.definition.list.begin.python, punctuation.definition.list.end.python#BD93F9—
storage.type.string.python#569CD6—
constant.language.python#98AFFF—
constant.language.boolean#98AFFF—
constant.language.null.js#98AFFF—
variable.interpolation.julia#ffffff—
support.function.julia#67E480—
constant.numeric.julia#BD93F9—
constant.language.julia#98AFFF—
support.function.r#67E480—
constant.numeric.float.decimal.r#BD93F9—
constant.language.r#98AFFF—
support.function.lua#67E480—
support.function.library.lua#67E480—
support.function.any-method.lua#67E480—
constant.numeric.float.lua#BD93F9—
constant.language.lua#98AFFF—
storage.type.r#67E480—
entity.other.attribute-name.html#6272A4—
support.type.property-name.css#6272A4—
constant.numeric.css#BD93F9—
entity.name.tag.css#FF0000—
entity.other.attribute-name.css#6272A4—
entity.other.attribute-name.class.css#FF0000—
entity.other.attribute-name.pseudo-class.css#FF0000—
entity.other.attribute-name.id.css#FF0000—
support.constant.font-name.css#0437F2—
constant.other.color.rgb-value.hex.css#0437F2—
support.constant.property-value.css#0437F2—
support.function.misc.css#0437F2—
meta.property-value.css#0437F2—
constant.numeric.json#6A6AC4—
constant.language.json#FF0000—
entity.name.section.markdown#98AFFF—
punctuation.definition.heading.markdown#98AFFF—
string.other.link.title.markdown#6272A4—
markup.underline.link.markdown#0437F2—
string.other.link.description.markdown#6272A4—
markup.underline.link.image.markdown#0437F2—
markup.bold.markdown#0000FF—
markup.italic.markdown#0000FF—
markup.strikethrough.markdown#0000FF—
punctuation.definition.heading.markdown#FF0000—
punctuation.definition.italic.markdown#FF0000—
punctuation.definition.bold.markdown#FF0000—
punctuation.definition.strikethrough.markdown#FF0000—
punctuation.definition.link.markdown#FF0000—
punctuation.definition.markdown#FF0000—
fenced_code.block.language.markdown#FFAC1C—
punctuation.definition.list.begin.markdown#FF0000—
punctuation.definition.link.title.begin.markdown#FF0000—
punctuation.definition.link.title.end.markdown#FF0000—
punctuation.definition.metadata.markdown#FF0000—
punctuation.definition.link.description.begin.markdown#FF0000—
punctuation.definition.link.description.end.markdown#FF0000—
punctuation.definition.quote.begin.markdown#FF0000—
punctuation.definition.math.begin.markdown#FF0000—
punctuation.definition.math.end.markdown#FF0000—
meta.separator.markdown#FF0000—
storage.type.format.python#569CD6—
source.json meta.structure.dictionary.json support.type.property-name.json#98AFFF—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FFFFFF—
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#67E480—
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#9FA9C6—
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#ff5e5e—
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#98AFFF—
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#FFFFFF—
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#67E480—
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#9FA9C6—
entity.name.tag.localname.xml#FF0000—
string.quoted.double.xml#FFFF00—
entity.other.attribute-name.localname.xml#6272A4—
entity.other.attribute-name.xml#6272A4—
entity.name.tag.xml#FF0000—
punctuation.section.embedded.begin.php#FF0000—
punctuation.section.embedded.end.php#FF0000—
variable.other.php#FFFFFF—
string.quoted.double.php#FFFF00—
string.quoted.single.php#FFFF00—
constant.language.php#98AFFF—
support.function.construct.output.php#67E480—
constant.character.escape.php#569CD6—
punctuation.section.array.begin.php#569CD6—
punctuation.section.array.end.php#569CD6—
storage.modifier.php#FF0000—
keyword.other.new.php#FF0000—
variable.language.this.php#6272A4—
support.class.php#67E480—
support.function.constructor.php#67E480—
variable.other.property.php#FFFFFF—
string.quoted.double.coffee#FFFF00—
entity.name.type.instance.coffee#67E480—
keyword.operator.new.coffee#FF0000—
variable.other.readwrite.instance.coffee#FFFFFF—
variable.other.object.coffee#FFFFFF—
support.function.coffee#67E480—
entity.other.inherited-class.coffee#67E480—
variable.language.super.coffee#67E480—
string.quoted.double.heredoc.coffee#FFFF00—
source.coffee.embedded.source#FFFFFF—
meta.arguments.coffee#FFFFFF—
punctuation.section.embedded.coffee#569CD6—
punctuation.definition.arguments.begin.bracket.round.coffee#FFFF00—
punctuation.definition.arguments.end.bracket.round.coffee#FFFF00—
support.function.dom.coffee#67E480—
constant.language.null.coffee#98AFFF—
keyword.operator.instanceof.coffee#FF0000—
string.quoted.double.yaml#FFFF00—
string.quoted.single.yaml#FFFF00—
string.unquoted.plain.out.yaml#FFFF00—
entity.name.tag.yaml#FFFFFF—
punctuation.definition.block.sequence.item.yaml#569CD6—
entity.other.document.begin.yaml#569CD6—
entity.other.document.end.yaml#569CD6—
constant.numeric.integer.yaml#BD93F9—
constant.numeric.float.yaml#BD93F9—
constant.language.boolean.yaml#FF0000—
constant.language.null.yaml#FF0000—
constant.other.timestamp.yaml#98AFFF—
string.unquoted.block.yaml#FFFF00—
entity.name.type.anchor.yaml#6272A4—
variable.other.alias.yaml#6272A4—
string.unquoted.plain.in.yaml#FFFF00—
punctuation.definition.directive.begin.yaml#B2BEB5—
keyword.other.directive.tag.yaml#B2BEB5—
meta.property.yaml#B2BEB5—
support.type.tag-prefix.yaml#B2BEB5—
storage.type.tag-handle.yaml#B2BEB5—
constant.language.merge.yaml#FF0000—
keyword.other.directive.yaml.yaml#B2BEB5—
constant.numeric.yaml-version.yaml#B2BEB5—
storage.modifier.chomping-indicator.yaml#FF0000—
constant.character.format.placeholder.other.python#569CD6—
entity.other.inherited-class.python#67E480—
support.type.python#67E480—
constant.other.caps.python#FFFFFF—
support.type.julia#FF0000—
entity.name.class.lua#67E480—
variable.language.self.lua#6272A4—
meta.function.parameters.r#6272A4—
storage.type.interface.php#FF0000—
storage.modifier.extends.php#FF0000—
storage.modifier.implements.php#FF0000—
entity.name.type.interface.php#67E480—
entity.other.inherited-class.php#67E480—
storage.type.php#FF0000—
support.function.magic.php#67E480—
keyword.other.namespace.php#FF0000—
storage.type.trait.php#FF0000—
keyword.other.use.php#FF0000—
entity.name.type.trait.php#67E480—
keyword.other.clone.php#FF0000—
keyword.operator.type.php#FF0000—
storage.modifier.abstract.php#FF0000—
storage.modifier.final.php#FF0000—
entity.name.type.namespace.php#67E480—
support.other.namespace.php#67E480—
support.class.builtin.php#67E480—
variable.language.this.coffee#6272A4—
keyword.operator.expression.typeof.js#FF0000—
punctuation.separator.period.python#FFFFFF—
punctuation.definition.decorator.python#569CD6—
entity.name.function.decorator.python#67E480—
variable.other.object.js#1836df—
entity.name.type.object.coffee#1836df—
keyword.other.special-method.ruby#FF0000—
support.function.kernel.ruby#67E480—
string.quoted.double.interpolated.ruby#FFFF00—
string.quoted.single.ruby#FFFF00—
variable.other.readwrite.instance.ruby#FFFFFF—
support.class.ruby#67E480—
constant.numeric.ruby#BD93F9—
meta.embedded.line.ruby#FFFFFF—
punctuation.section.embedded.begin.ruby#FFFF00—
punctuation.section.embedded.end.ruby#FFFF00—
string.unquoted.heredoc.ruby#FFFF00—
constant.character.escape.ruby#569CD6—
constant.language.nil.ruby#98AFFF—
constant.language.symbol.ruby#FFFFFF—
meta.function-call.ruby#FFFFFF—
punctuation.separator.inheritance.ruby#FFFFFF—
string.interpolated.ruby#FFFF00—
entity.name.type.module.ruby#67E480—
variable.other.readwrite.global.ruby#FFFFFF—
variable.argument.css#FFFFFF—
support.function.misc.css#67E480—
support.function.transform.css#67E480—
support.function.url.css#67E480—
support.function.gradient.css#67E480—
support.function.calc.css#67E480—
support.function.timing-function.css#67E480—
High Contrast Dark Theme by JDSE - VS Code Theme