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.

  • activityBarBadge.background#007ACC
  • editor.background#FFFFFF
  • editor.foreground#000000
  • editor.inactiveSelectionBackground#E5EBF1
  • editor.selectionHighlightBackground#ADD6FF4D
  • editorIndentGuide.activeBackground#939393
  • editorIndentGuide.background#D3D3D3
  • editorSuggestWidget.background#F3F3F3
  • input.placeholderForeground#767676
  • list.hoverBackground#E8E8E8
  • settings.numberInputBorder#CECECE
  • settings.textInputBorder#CECECE
  • sideBarTitle.foreground#6F6F6F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
commentitalic
keyword.control.lua, keyword.operator.logical.lua, storage.modifier.lua, support.function.lua#0000ff
support.function.metamethod.luaitalic
keyword.operator.lua#000000
entity.name.function.lua, entity.name.table.lua, entity.name.member.lua, entity.name.method.lua#795E26
variable.language.lua, constant.language.lua, constant.language.quoted.lua, support.constant.lua#000000
constant.character.escape.lua#cc1b1b
keyword.operator.toc#000000
keyword.control.toc#0000ff
keyword.control.x.toc#000000
variable.parameter.toc#ce9178
support.function.api.lua#cc6600
support.function.api.lua.protected, support.function.api.lua.nocombatunderline
support.method.api.lua#cc6600
support.function.library.lua#b37a2b
support.variable.object.library.lua#e6bf00
support.variable.value.library.lua#b39b68
support.constant.api.lua, support.constant.quoted.api.lua, support.constant.quoted.handler.api.lua, support.constant.quoted.event.api.lua#4ec9b0
invalid.removed.lua, invalid.illegal.lua#f44747
commentitalic
keyword.control.lua, keyword.operator.logical.lua, storage.modifier.lua, support.function.lua#0000ff
support.function.metamethod.luaitalic
keyword.operator.lua#000000
entity.name.function.lua, entity.name.table.lua, entity.name.member.lua, entity.name.method.lua#795E26
variable.language.lua, constant.language.lua, constant.language.quoted.lua, support.constant.lua#000000
constant.character.escape.lua#cc1b1b
keyword.operator.toc#000000
keyword.control.toc#0000ff
keyword.control.x.toc#000000
variable.parameter.toc#ce9178
support.function.api.lua#cc6600
support.function.api.lua.protected, support.function.api.lua.nocombatunderline
support.method.api.lua#cc6600
support.function.library.lua#b37a2b
support.variable.object.library.lua#e6bf00
support.variable.value.library.lua#b39b68
support.constant.api.lua, support.constant.quoted.api.lua, support.constant.quoted.handler.api.lua, support.constant.quoted.event.api.lua#4ec9b0
invalid.removed.lua, invalid.illegal.lua#f44747
entity.name.function, support.function, support.constant.handlebars#795E26
meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, 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#267f99
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#267f99
keyword.control#AF00DB
variable, meta.definition.variable.name, support.variable, entity.name.variable#001080
meta.object-literal.key#001080
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#0451a5
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp#d16969
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#811f3f
keyword.operator.quantifier.regexp#000000
keyword.operator.or.regexp, keyword.control.anchor.regexp#ff0000
constant.character#0000ff
constant.character.escape#ff0000
commentitalic
keyword.control.lua, keyword.operator.logical.lua, storage.modifier.lua, support.function.lua#0000ff
support.function.metamethod.luaitalic
keyword.operator.lua#000000
entity.name.function.lua, entity.name.table.lua, entity.name.member.lua, entity.name.method.lua#795E26
variable.language.lua, constant.language.lua, constant.language.quoted.lua, support.constant.lua#000000
constant.character.escape.lua#cc1b1b
keyword.operator.toc#000000
keyword.control.toc#0000ff
keyword.control.x.toc#000000
variable.parameter.toc#ce9178
support.function.api.lua#cc6600
support.function.api.lua.protected, support.function.api.lua.nocombatunderline
support.method.api.lua#cc6600
support.function.library.lua#b37a2b
support.variable.object.library.lua#e6bf00
support.variable.value.library.lua#b39b68
support.constant.api.lua, support.constant.quoted.api.lua, support.constant.quoted.handler.api.lua, support.constant.quoted.event.api.lua#4ec9b0
invalid.removed.lua, invalid.illegal.lua#f44747
entity.name.function, support.function, support.constant.handlebars#795E26
meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, 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#267f99
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#267f99
keyword.control#AF00DB
variable, meta.definition.variable.name, support.variable, entity.name.variable#001080
meta.object-literal.key#001080
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#0451a5
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp#d16969
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#811f3f
keyword.operator.quantifier.regexp#000000
keyword.operator.or.regexp, keyword.control.anchor.regexp#ff0000
constant.character#0000ff
constant.character.escape#ff0000
meta.embedded, source.groovy.embedded#000000ff
emphasisitalic
strongbold
meta.diff.header#000080
comment#008000
constant.language#0000ff
constant.numeric#09885a
constant.regexp#811f3f
entity.name.tag#800000
entity.name.selector#800000
entity.other.attribute-name#ff0000
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss#800000
invalid#cd3131
markup.underlineunderline
markup.bold#000080bold
markup.heading#800000bold
markup.italicitalic
markup.inserted#09885a
markup.deleted#a31515
markup.changed#0451a5
punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown#0451a5
markup.inline.raw#800000
punctuation.definition.tag#800000
meta.preprocessor#0000ff
meta.preprocessor.string#a31515
meta.preprocessor.numeric#09885a
meta.structure.dictionary.key.python#0451a5
storage#0000ff
storage.type#0000ff
storage.modifier#0000ff
string#a31515
string.comment.buffered.block.pug, string.quoted.pug, string.interpolated.pug, string.unquoted.plain.in.yaml, string.unquoted.plain.out.yaml, string.unquoted.block.yaml, string.quoted.single.yaml, string.quoted.double.xml, string.quoted.single.xml, string.unquoted.cdata.xml, string.quoted.double.html, string.quoted.single.html, string.unquoted.html, string.quoted.single.handlebars, string.quoted.double.handlebars#0000ff
string.regexp#811f3f
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#0000ff
meta.template.expression#000000
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#0451a5
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded#ff0000
support.type.property-name.json#0451a5
keyword#0000ff
keyword.control#0000ff
keyword.operator#000000
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.instanceof, keyword.operator.logical.python#0000ff
keyword.other.unit#09885a
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#800000
support.function.git-rebase#0451a5
constant.sha.git-rebase#09885a
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#000000
variable.language#0000ff
commentitalic
keyword.control.lua, keyword.operator.logical.lua, storage.modifier.lua, support.function.lua#0000ff
support.function.metamethod.luaitalic
keyword.operator.lua#000000
entity.name.function.lua, entity.name.table.lua, entity.name.member.lua, entity.name.method.lua#795E26
variable.language.lua, constant.language.lua, constant.language.quoted.lua, support.constant.lua#000000
constant.character.escape.lua#cc1b1b
keyword.operator.toc#000000
keyword.control.toc#0000ff
keyword.control.x.toc#000000
variable.parameter.toc#ce9178
support.function.api.lua#cc6600
support.function.api.lua.protected, support.function.api.lua.nocombatunderline
support.method.api.lua#cc6600
support.function.library.lua#b37a2b
support.variable.object.library.lua#e6bf00
support.variable.value.library.lua#b39b68
support.constant.api.lua, support.constant.quoted.api.lua, support.constant.quoted.handler.api.lua, support.constant.quoted.event.api.lua#4ec9b0
invalid.removed.lua, invalid.illegal.lua#f44747
entity.name.function, support.function, support.constant.handlebars#795E26
meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, 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#267f99
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#267f99
keyword.control#AF00DB
variable, meta.definition.variable.name, support.variable, entity.name.variable#001080
meta.object-literal.key#001080
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#0451a5
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp#d16969
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#811f3f
keyword.operator.quantifier.regexp#000000
keyword.operator.or.regexp, keyword.control.anchor.regexp#ff0000
constant.character#0000ff
constant.character.escape#ff0000
meta.embedded, source.groovy.embedded#000000ff
emphasisitalic
strongbold
meta.diff.header#000080
comment#008000
constant.language#0000ff
constant.numeric#09885a
constant.regexp#811f3f
entity.name.tag#800000
entity.name.selector#800000
entity.other.attribute-name#ff0000
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss#800000
invalid#cd3131
markup.underlineunderline
markup.bold#000080bold
markup.heading#800000bold
markup.italicitalic
markup.inserted#09885a
markup.deleted#a31515
markup.changed#0451a5
punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown#0451a5
markup.inline.raw#800000
punctuation.definition.tag#800000
meta.preprocessor#0000ff
meta.preprocessor.string#a31515
meta.preprocessor.numeric#09885a
meta.structure.dictionary.key.python#0451a5
storage#0000ff
storage.type#0000ff
storage.modifier#0000ff
string#a31515
string.comment.buffered.block.pug, string.quoted.pug, string.interpolated.pug, string.unquoted.plain.in.yaml, string.unquoted.plain.out.yaml, string.unquoted.block.yaml, string.quoted.single.yaml, string.quoted.double.xml, string.quoted.single.xml, string.unquoted.cdata.xml, string.quoted.double.html, string.quoted.single.html, string.unquoted.html, string.quoted.single.handlebars, string.quoted.double.handlebars#0000ff
string.regexp#811f3f
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#0000ff
meta.template.expression#000000
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#0451a5
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded#ff0000
support.type.property-name.json#0451a5
keyword#0000ff
keyword.control#0000ff
keyword.operator#000000
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.instanceof, keyword.operator.logical.python#0000ff
keyword.other.unit#09885a
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#800000
support.function.git-rebase#0451a5
constant.sha.git-rebase#09885a
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#000000
variable.language#0000ff

Shiki preview

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

Loading...