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.

  • terminal.ansiBlue#6dcbfa
  • terminal.ansiBrightBlack#686868
  • terminal.ansiBrightBlue#73d0ff
  • terminal.ansiBrightCyan#95e6cb
  • terminal.ansiBrightGreen#d5ff80
  • terminal.ansiBrightMagenta#dfbfff
  • terminal.ansiBrightRed#f28779
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffd173
  • terminal.ansiCyan#90e1c6
  • terminal.ansiGreen#87d96c
  • terminal.ansiMagenta#dabafa
  • terminal.ansiRed#ed8274
  • terminal.ansiWhite#c7c7c7
  • terminal.ansiYellow#facc6e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#b8cfe680—
string, constant.other.symbol#d5ff80—
string.regexp, constant.character, constant.other#95e6cb—
constant.numeric#973af5—
constant.language#dfbfff—
variable, variable.parameter.function-call#cccac2—
variable.member#f28779—
variable.language#5ccfe6italic
storage#5dd3eb—
keyword#ffad66—
keyword.operator#f29e74—
punctuation.separator, punctuation.terminator#cccac2b3—
punctuation.section#cccac2—
punctuation.accessor#f29e74—
punctuation.definition.template-expression#ffad66—
punctuation.section.embedded#ffad66—
meta.embedded#cccac2—
source.java storage.type, source.haskell storage.type, source.c storage.type#73d0ff—
entity.other.inherited-class#5ccfe6—
storage.type.function#ffad66—
source.java storage.type.primitive#5ccfe6—
entity.name.function#ffd173—
variable.parameter, meta.parameter#dfbfff—
variable.function, variable.annotation, meta.function-call.generic, support.function.go#ffd173—
support.function, support.macro#f28779—
entity.name.import, entity.name.package#d5ff80—
entity.name#73d0ff—
entity.name.tag, meta.tag.sgml#5ccfe6—
support.class.component#73d0ff—
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#5ccfe680—
entity.other.attribute-name#ffd173—
support.constant#f29e74italic
support.type, support.class, source.go storage.type#5ccfe6—
meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation#ffdfb3—
invalid#ff6666—
meta.diff, meta.diff.header#c594c5—
source.ruby variable.other.readwrite#ffd173—
source.css entity.name.tag, source.sass entity.name.tag, source.scss entity.name.tag, source.less entity.name.tag, source.stylus entity.name.tag#73d0ff—
source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type#b8cfe680—
support.type.property-name#5ccfe6—
constant.numeric.line-number.find-in-files - match#b8cfe680—
constant.numeric.line-number.match#ffad66—
entity.name.filename.find-in-files#d5ff80—
message.error#ff6666—
markup.heading, markup.heading entity.name#d5ff80bold
markup.underline.link, string.other.link#5ccfe6—
markup.italic#f28779italic
markup.bold#f28779bold
markup.italic markup.bold, markup.bold markup.italic—bold italic
markup.raw——
markup.raw.inline——
meta.separator#b8cfe680bold
markup.quote#95e6cbitalic
markup.list punctuation.definition.list.begin#ffd173—
markup.inserted#87d96c—
markup.changed#80bfff—
markup.deleted#f27983—
markup.strike#ffdfb3—
markup.table#5ccfe6—
text.html.markdown markup.inline.raw#f29e74—
text.html.markdown meta.dummy.line-break#b8cfe680—
punctuation.definition.markdown#b8cfe680—