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.activeBorder#f47023
  • activityBarBadge.background#f47023
  • breadcrumb.activeSelectionForeground#f47023
  • breadcrumb.background#FAFAFA
  • breadcrumb.focusForeground#f47023
  • editor.background#FFFFFF
  • editor.foreground#000000
  • list.activeSelectionBackground#f47023
  • list.activeSelectionForeground#ffffff
  • list.hoverBackground#dfdfdf
  • panelTitle.activeBorder#f47023
  • sideBar.border#e2e2e2
  • tab.activeBackground#FAFAFA
  • tab.activeBorderTop#f47023

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#333333
meta.objectliteral punctuation.definition.block, punctuation.definition.dict, punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json#000000
meta.array.literal meta.brace.square, punctuation.definition.list, punctuation.definition.array.begin.json, punctuation.definition.array.end.json#000000
support.other.variable, meta.function.misc#333333
comment#78909Citalic
string.quoted.docstring.multi.python#A1887Fitalic
string#1E9A03
punctuation.definition.template-expression, punctuation.definition.interpolation#BC0AD5
constant.numeric#663399
constant.language#663399
constant.character, constant.other#663399
variable, variable.other.property, variable.other.readwrite, variable.other.object, meta.definition.variable.name, support.variable, entity.name.variable, meta.interpolation variable.other.readwrite#1F3A93
meta.object-literal.key#7600A8
variable.language.this, keyword.other.this.cs, variable.language.special.self.python, variable.parameter.function.language.special.self.python, variable.language.special.cls.python, variable.parameter.function.language.special.cls.python#333333italic bold
keyword#0974DE
punctuation.separator.key-value, punctuation.separator.dictionary.key-value.json#333333
keyword.operator.assignment, keyword.operator.arithmetic#333333
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof#0974DE
keyword.operator.logical, keyword.operator.relational, keyword.operator.comparison.#B11030
keyword.operator.arrow.cs, storage.type.function.arrow#DF0903bold
punctuation.terminator.statement, punctuation.terminator.rule#000000
keyword.control#B500B5
punctuation.decorator, meta.decorator variable.other.readwrite, meta.decorator entity.name.function, source.python entity.name.function.decorator, source.python meta.function.decorator support.type#B11030bold
keyword.other.unit#663399
storage#0974DE
meta.directive.implements, meta.directive.inject, meta.return-type, entity.name.type, entity.name.class, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy#0000B5bold
entity.name.type.namespace.cs#0000B5
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#0000B5bold
entity.name.function, support.function, support.constant.handlebars, source.python meta.function-call.generic#E41C15
variable.parameter#663399
meta.directive.page#1E9A03
meta.directive.inherits#0000B5bold
entity.name.class.attribute.taghelper#BC0AD5
entity.other.attribute-name.class.css, support.constant.property-value.css, constant.numeric.css, meta.property-value.css, source.css constant.other.color, source.css support.constant.color#8B0000
entity.name.tag#0974DEbold
punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#0974DEb0bold
entity.other.attribute-name#BC0AD5
support.constant#BC0AD5
support.type, keyword.type.cs, support.class#7600A8
punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.link.title, punctuation.definition.constant, punctuation.definition.metadata.markdown, punctuation.definition.strikethrough.markdown, punctuation.definition.raw.markdown, punctuation.definition.markdown, fenced_code.block.language.markdown#78909c
markup.deleted#DC322F
markup.inserted#1e9a03
markup.heading#e41c15bold
markup.underline.link, constant.other.reference.link.markdown, string.other.link.title.markdown#0974de
markup.list, punctuation.definition.list.begin.markdown#1f3a93
markup.quote#0974de
markup.bold#8b0000bold
markup.italic#b11030italic
markup.italic markup.boldbold italic
markup.bold markup.italicbold italic
markup.strikethrough.markdownstrikethrough
markup.inline.raw#7600a8