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.

  • button.background#49483E
  • editor.background#282828
  • editor.foreground#F8F8F2
  • editor.lineHighlightBackground#3F3E38
  • editor.lineHighlightBorder#ffffff00
  • editor.selectionBackground#49483E
  • editor.selectionHighlightBackground#49483E
  • editor.selectionHighlightBorder#DDDDDD
  • editorGutter.background#303030
  • focusBorder#ffffff00
  • list.activeSelectionBackground#49483E
  • list.focusBackground#49483E
  • list.focusForeground#FFFFFF
  • list.hoverBackground#FFFFFF00
  • list.inactiveSelectionBackground#444444
  • pickerGroup.foreground#F8F8F2
  • sideBar.background#303030
  • sideBar.border#1D1F21
  • sideBarTitle.foreground#F8F8F2
  • statusBar.background#1B1D1F
  • statusBar.noFolderBackground#303030
  • tab.activeBackground#282828
  • tab.inactiveBackground#454545
  • textLink.activeForeground#65D9EF
  • textLink.foreground#65D9EF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#AEAEAE
variable, string constant.other.placeholder#F8F8F2
constant.other.color#F8F8F2
invalid, invalid.illegal#FF5370
keyword, keyword.operator, punctuation.separator.key-value.ts, punctuation.separator.key-value.js, punctuation.decorator, punctuation.accessor, support.type.object.module#F92572
storage.type, storage.modifier#F92572
variable.other.constant#F8F8F2
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#F92572
entity.name.function, support.function, variable.function, keyword.other.special-method#A6E22E
meta.function-call#F8F8F2
meta.block variable.other#F8F8F2
support.other.variable, string.other.link
constant.numeric, constant.language, constant.character, constant.escape, support.constant, keyword.other.unit, keyword.other#AD81FF
variable.parameter#F8F8F2
string.quoted, string.template, punctuation.definition.string, string, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#E7DB74
entity.name, markup.changed.git_gutter, support.type.sys-types#65D9EF
support.type, entity.name.type, entity.other.inherited-class, support.type.sys-types#65D9EFitalic
support.type.object#F8F8F2
support.class, support.function, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php#9FD92D
keyword.operator.private.js, entity.name.class.decorator.js, variable.other.readwrite.decorator.js, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#A6E22E
entity.name.function#9FD92D
entity.name.section#A6E22Ebold
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#65D9EF
entity.other.attribute-name#A6E22E
markup.inserted#C3E88D
markup.deleted#FF5370
markup.changed#C792EA
string.regexp#E7DB74
constant.character.escape#E7DB74
*url*, *link*, *uri*
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
source.json meta.structure.dictionary.json support.type.property-name.json#A6E22E
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#A6E22E
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#A6E22E
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#A6E22E
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#A6E22E
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#A6E22E
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#A6E22E
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#A6E22E
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#A6E22E
text.html.markdown, punctuation.definition.list_item.markdown#F8F8F2
text.html.markdown markup.inline.raw.markdown#C792EA
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#9FD92Dbold
markup.italicitalic
markup.bold, markup.bold stringbold
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 stringitalic bold
markup.underlineunderline
markup.quote punctuation.definition.blockquote.markdown#74715E
markup.quote#74715Eitalic
string.other.link.title.markdown#E7DB74
string.other.link.description.title.markdown#C792EA
constant.other.reference.link.markdown#FFCB6B
markup.raw.block#C792EA
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