Skip to main content
Coding Theme

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—
[DEPRECATED] AirTheme Pro by AfrazTechnology - VS Code Theme