Skip to main content
CodingTheme

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.lineHighlightBackground#CCFFFF
  • editor.selectionHighlightBackground#add6ff50
  • editorError.foreground#800000
  • editorIndentGuide.activeBackground#939393
  • editorIndentGuide.background#D3D3D3
  • editorLineNumber.foreground#000000
  • editorSuggestWidget.background#F3F3F3
  • input.placeholderForeground#767676
  • list.hoverBackground#E8E8E8
  • searchEditor.textInputBorder#CECECE
  • settings.numberInputBorder#CECECE
  • settings.textInputBorder#CECECE
  • sideBarTitle.foreground#6F6F6F
  • statusBarItem.remoteBackground#16825D
  • statusBarItem.remoteForeground#FFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
invalid#cd3131
constant.language.NULL
comment, punctuation.definition.comment#0078d7italic
storage.type.class.doxygen, storage.type.class.gtkdoc#0078d7italic underline
constant.numeric, entity.name.operator.custom-literal.number, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent, keyword.other.unit.hexadecimal, keyword.other.unit.octal, keyword.other.unit.binary, keyword.other.unit.suffix, keyword.other.unit.exponent.decimal, keyword.other.unit.user-defined, punctuation.separator.constant.numeric#800080
punctuation.separator, punctuation.terminator, punctuation.section, punctuation.definition.begin.bracket.square, punctuation.definition.end.bracket.square, punctuation.definition.capture, punctuation.definition.parameters, punctuation.definition.lambda, punctuation.definition.dictionary, punctuation.definition.array, storage.modifier.pointer, storage.modifier.reference, entity.name.operator#FF0000bold
keyword.operator, keyword.operator.delete.array.bracket#FF0000bold
constant.language#000000bold
storage.type.built-in.primitive, storage.type.class, storage.type.struct, storage.type.enum, storage.type.union, storage.type.asm, storage.type.template, storage.type.modifier, storage.type.extern#000000bold
keyword#000000bold
keyword.control#000000bold
keyword.operator.wordlike, keyword.operator.functionlike, keyword.operator.and, keyword.operator.and_eq, keyword.operator.bitand, keyword.operator.bitor, keyword.operator.compl, keyword.operator.not, keyword.operator.not_eq, keyword.operator.or, keyword.operator.or_eq, keyword.operator.xor, keyword.operator.xor_eq, keyword.operator.new, keyword.operator.delete, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike, keyword.operator.noexcept, storage.modifier#000000bold
keyword.other.unit#000000bold
entity.name.operator.type#000000bold
string.quoted.double, entity.name.operator.custom-literal.string, meta.embedded.assembly#0000ffbold
meta.preprocessor, entity.name.function.preprocessor, keyword.control.directive, punctuation.definition.directive#008000
meta.preprocessor.string, string.quoted.double.include#008000
meta.preprocessor.numeric, entity.other.attribute-name.pragma.preprocessor#008000
constant.character.escape.line-continuation#008000
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#800000
support.function.git-rebase#0451a5
constant.sha.git-rebase#098658
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#000000
variable.language#000000bold
meta.embedded, source.groovy.embedded#000000ff
emphasisitalic
strongbold
meta.diff.header#000080
constant.regexp#811f3f
string.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
markup.underlineunderline
markup.bold#000080bold
markup.heading#800000bold
markup.italicitalic
markup.inserted#098658
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.structure.dictionary.key.python#0451a5
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, support.type.vendored.property-name, punctuation.support.type.property-name, support.type.property-name#0451a5
variable.css, variable.scss, variable.other.less, source.coffee.embedded#ff0000
support.type.property-name.jsonbold
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
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#0000ff
invalid#cd3131
constant.language.NULL
comment, punctuation.definition.comment#0078d7italic
storage.type.class.doxygen, storage.type.class.gtkdoc#0078d7italic underline
constant.numeric, entity.name.operator.custom-literal.number, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent, keyword.other.unit.hexadecimal, keyword.other.unit.octal, keyword.other.unit.binary, keyword.other.unit.suffix, keyword.other.unit.exponent.decimal, keyword.other.unit.user-defined, punctuation.separator.constant.numeric#800080
punctuation.separator, punctuation.terminator, punctuation.section, punctuation.definition.begin.bracket.square, punctuation.definition.end.bracket.square, punctuation.definition.capture, punctuation.definition.parameters, punctuation.definition.lambda, punctuation.definition.dictionary, punctuation.definition.array, storage.modifier.pointer, storage.modifier.reference, entity.name.operator#FF0000bold
keyword.operator, keyword.operator.delete.array.bracket#FF0000bold
constant.language#000000bold
storage.type.built-in.primitive, storage.type.class, storage.type.struct, storage.type.enum, storage.type.union, storage.type.asm, storage.type.template, storage.type.modifier, storage.type.extern#000000bold
keyword#000000bold
keyword.control#000000bold
keyword.operator.wordlike, keyword.operator.functionlike, keyword.operator.and, keyword.operator.and_eq, keyword.operator.bitand, keyword.operator.bitor, keyword.operator.compl, keyword.operator.not, keyword.operator.not_eq, keyword.operator.or, keyword.operator.or_eq, keyword.operator.xor, keyword.operator.xor_eq, keyword.operator.new, keyword.operator.delete, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike, keyword.operator.noexcept, storage.modifier#000000bold
keyword.other.unit#000000bold
entity.name.operator.type#000000bold
string.quoted.double, entity.name.operator.custom-literal.string, meta.embedded.assembly#0000ffbold
meta.preprocessor, entity.name.function.preprocessor, keyword.control.directive, punctuation.definition.directive#008000
meta.preprocessor.string, string.quoted.double.include#008000
meta.preprocessor.numeric, entity.other.attribute-name.pragma.preprocessor#008000
constant.character.escape.line-continuation#008000
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#800000
support.function.git-rebase#0451a5
constant.sha.git-rebase#098658
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#000000
variable.language#000000bold
meta.embedded, source.groovy.embedded#000000ff
emphasisitalic
strongbold
meta.diff.header#000080
constant.regexp#811f3f
string.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
markup.underlineunderline
markup.bold#000080bold
markup.heading#800000bold
markup.italicitalic
markup.inserted#098658
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.structure.dictionary.key.python#0451a5
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, support.type.vendored.property-name, punctuation.support.type.property-name, support.type.property-name#0451a5
variable.css, variable.scss, variable.other.less, source.coffee.embedded#ff0000
support.type.property-name.jsonbold
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
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#0000ff

Shiki preview

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

Loading...