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#1d1f21
  • activityBar.foreground#ff9fc9
  • activityBarBadge.background#ff9fc9
  • activityBarBadge.foreground#5e5e5e
  • editor.background#1d1f21
  • editor.foreground#fff
  • editorGroupHeader.tabsBackground#1d1f21
  • minimap.background#1d1f21
  • minimap.sliderBackground#1d1f21
  • minimapSlider.background#00000000
  • scrollbarSlider.activeBackground#ff9fc9
  • scrollbarSlider.background#ff9fc9
  • scrollbarSlider.hoverBackground#ff9fc9
  • sideBar.background#1d1f21
  • sideBarTitle.foreground#ff9fc9
  • statusBar.background#913e88
  • statusBar.debuggingBackground#0061b1
  • statusBar.noFolderBackground#913e88
  • tab.activeBorder#ff9fc9
  • tab.activeForeground#ff9fc9
  • tab.inactiveBackground#1d1f21

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#546E7Aitalic
variable, string constant.other.placeholder#EEFFFF
constant.other.color#ffffff
invalid, invalid.illegal#ff9fc9
keyword, storage.type, storage.modifier#00ddf4
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitutionff9fc9
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#3bd6ff
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#93c9ff
meta.block variable.other#ffffff
support.other.variable, string.other.link#3bd6ff
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#93c9ff
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#FF9FC9
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#D5B8FF
support.type#ff9fc9
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#B2CCD6
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#ff9fc9
variable.language#ff9fc9italic
entity.name.method.js#93C9FFitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#93C9FF
entity.other.attribute-name#FF9FC9
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FFCB6Bitalic
entity.other.attribute-name.class#FFCB6B
source.sass keyword.control#93C9FF
markup.inserted#00DDF4
markup.deleted#ff9fc9
markup.changed#FF9FC9
string.regexp#89DDFF
constant.character.escape#89DDFF
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#93C9FFitalic
source.js constant.other.object.key.js string.unquoted.label.js#ff9fc9italic
source.json meta.structure.dictionary.json support.type.property-name.json#ff9fc9
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#3bd6ff
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#00ddf4
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#d5b8ff
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ffa7f6
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ffa7f6
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#93c9ff
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FF9FC9
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#00DDF4
text.html.markdown, punctuation.definition.list_item.markdown#EEFFFF
text.html.markdown markup.inline.raw.markdown#FF9FC9
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#00DDF4
markup.italic#3bd6ffitalic
markup.bold, markup.bold string#3bd6ffbold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#3bd6ffbold
markup.underline#F78C6Cunderline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#93C9FF
string.other.link.description.title.markdown#FF9FC9
constant.other.reference.link.markdown#FFCB6B
markup.raw.block#FF9FC9
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#EEFFFF
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#EEFFFF
support.function.magic.python#c6c6c6
support.type.python#ffa7f6
variable.parameter.function.language.python, constant.other.caps.python, meta.function-call.arguments.python#FFFFFF
string.quoted.docstring.multi.python#FFA7f6
source.python#FFF
variable.language.special.self.python, variable.parameter.function.language.special.self.python#00ddf4
variable.parameter.function-call.python#FFF
comment.line.number-sign.python, punctuation.definition.comment.python#c6c6c6
meta.function.parameters.python, support.type.python#D5B8FF
entity.other.attribute-name.class.css#FF9FC9
entity.other.attribute-name.html#ffa7f6
comment.block.html#c6c6c6
punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#3bd6ff