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.background#000000
  • activityBar.foreground#00ffff
  • activityBar.inactiveForeground#28a3a3
  • activityBarBadge.background#ff0000
  • editor.background#000000
  • editor.foreground#f0f0f0
  • editor.lineHighlightBackground#3c3c3c80
  • editor.selectionBackground#646464
  • editorCursor.foreground#f0f0f0
  • editorRuler.foreground#3a3a3a
  • editorWhitespace.foreground#4a4a4a
  • icon.foreground#33cccc
  • sideBar.background#1a1a1a
  • sideBar.border#33cccc
  • statusBar.background#000000
  • statusBar.foreground#33cc33
  • tab.activeBackground#000000
  • tab.activeBorder#33cc33
  • tab.inactiveForeground#a1a1a1
  • terminal.ansiBlack#000000
  • terminal.background#1a1a1a
  • terminal.foreground#33cc33
  • terminalCursor.foreground#4455bb
  • widget.shadow#33cccc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
text.xml#F0F0F0
comment#BBAA99
string, string.value, string.quoted.single.scss, string.quoted.double.php, meta.return-type, meta.type.cast.expr, meta.type.new.expr, meta.preprocessor.string, variable.other.constant.ts, support.constant.math, support.constant.dom, support.constant.json, markup.inline.raw, invalid.illegal.bad-ampersand.html, constant.character.escape.scss, string.quoted.double.json, markup.list.unnumbered.markdown#CBC3FF
string.quoted.double.html, string.quoted.double.xml, meta.paragraph.markdown#66D9EF
constant.regexp, string.regexp, string.regexp.double-quoted.php#F0F0F0
constant.numeric, meta.preprocessor.numeric, keyword.other.unit, constant.sha.git-rebase#33CC99
constant.language#4499FF
constant.character, constant.other#4499FF
entity.name.type.instance.jsdoc#00F9AC
storage.type.class.jsdoc#A467CC
variable, variable.css, variable.scss, variable.other.less, variable.language, support.other.variable, entity.name.function, 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, variable.other.object.js, variable.object.property.ts, support.type.property-name.json, source.python#66D9EF
entity.name, support.type.property-name, support.type.vendored.property-name, meta.definition.variable.name, meta.object-literal.key, meta.object-literal.key.ts, variable.other.readwrite.js, variable.other.readwrite.ts#66D9EF
variable.other.object.property.js, variable.other.object.property.ts, variable.other.property.js, variable.other.property.ts, variable.other.constant.property.js.jsx, support.variable.property.dom.js.jsx, variable.other.readwrite.alias.js.jsx#BB77FF
keyword, keyword.control, keyword.other#FF00AA
keyword.operator.logical.js, keyword.operator.logical.ts, keyword.operator.relational.js, keyword.operator.relational.ts, keyword.operator.comparison.js, keyword.operator.comparison.ts, keyword.operator.expression, keyword.operator.ternary.js, keyword.operator.ternary.ts, keyword.operator.assignment.js, keyword.operator.assignment.ts, keyword.operator.optional.ts#FFFF00
keyword.operator.new#FF00AA
storage, storage.modifier, storage.type.function#FF00AA
storage.type, storage.modifier.declaration.python#FF6F77
entity.name.class#76EE00
entity.other.inherited-class#76EE00
entity.name.function, entity.name.function.js, support.function#76EE00
variable.parameter, meta.indexer.declaration.ts#FD971F
entity.name.tag#FF00AA
entity.other.attribute-name#76EE00
support.constant, support.constant.dom, support.class, support.type, support.variable, support.other#66D9EF
variable.language#FF00AA
invalid#F0F0F0
invalid.deprecated#F0F0F0
meta.diff, meta.diff.header#787878
meta.selector#F0F0F0
support.constant.media, support.constant.media-type, keyword.control.at-rule.media.scss#FD971F
support.constant.media.css#76EE00
entity.other.attribute-name.class.mixin.css#FD971F
entity.other.attribute-name.id.css#FF00AA
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css#F0F0F0
entity.other.attribute-name.class.css#76EE00
support.constant.property-value, support.constant.font-name, support.constant.color, constant.other.color.rgb-value, constant.other.rgb-value #4499FF
keyword.operator.logical.scss#FF00AA
entity.name.tag.reference.scss#F0F0F0
variable.parameter.url.scss#F0F0F0
variable.parameter.url.scss#E6DB74
entity.name.tag.css#FF00AA
meta.property-name.scss#66D9EF
keyword.control.at-rule.include.scss, meta.at-rule.include.scss#FD971F
support.type.property-name#66D9EF
punctuation.definition.tag#FF00AA
punctuation.definition.string.begin.html, punctuation.definition.string.end.html, meta.tag.inline.any.html#FFFF00
constant.character.entity.xml#FD971F
punctuation.section.embedded.begin.metatag.php, punctuation.section.embedded.end.metatag.php#76EE00
punctuation.terminator.expression.php#F0F0F0
keyword.operator.logical.php#FF00AA
constant.other.php, meta.embedded.line.php#F0F0F0
entity.name.function.php, meta.function-call.generic.python#76EE00
meta.function.arguments.php#FD971F
support.function.construct.output.php#FF00AA
support.function.construct.php#FF00AA
punctuation.separator.key-value.js, meta.function.js, punctuation.js, meta.brace.square.ts, punctuation.definition.block.ts, punctuation.definition.arguments, punctuation.separator.arguments.python#F0F0F0
keyword.operator.rest.js, keyword.operator.spread.js#76EE00
keyword.operator.new.js#FF00AA
entity.name.type.class.js#FD971F
support.type.primitive.ts, meta.type.annotation.ts, support.type.builtin.ts#CC33FF
entity.name.type.ts, meta.return.type.ts, variable.other.constant.object.ts#FF55DD
support.constant.json.js, punctuation.separator.dictionary.pair.json#F0F0F0
constant.numeric.json#76EE00
punctuation.separator.dictionary.key-value.json#FFFF00
meta.structure.dictionary.json, meta.structure.array.json#F0F0F0
keyword.operator.new.ts#FF00AA
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
markup.bold.markdown, markup.italic.markdown#44B9EFbold
markup.deleted#FF00AA
markup.inserted#76EE00
markup.changed#EEEE22
markup.underlineunderline
markup.boldbold
beginning.punctuation.definition.list.markdown#BB77FF
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.link.markdown#BB77FF
punctuation.definition.heading.markdown#FF00AA
meta.link.inline.markdown, markup.underline.link.image.markdown, markup.underline.link.markdown#76EE00underline
punctuation.definition.metadata.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown#FFFF00bold
markup.fenced_code.block.markdown#FF00AA
string.other.link.title.markdownnone
entity.name.section.markdown#33CC99bold