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#777
  • editor.background#fff
  • editor.foreground#262626
  • list.activeSelectionIconForeground#262626
  • sideBar.background#f8f8f8
  • sideBar.border#919191
  • statusBar.background#333
  • tab.activeBackground#fff
  • tab.activeBorder#262626
  • tab.activeForeground#262626
  • tab.inactiveBackground#efefef
  • tab.inactiveForeground#262626
  • terminal.background#fff
  • terminal.foreground#262626
  • titleBar.activeBackground#fff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#999italic
comment.block.preprocessor#999
comment.documentation, comment.block.documentation#AAAAAA
invalid.illegal#990000
keyword.operator#262626
keyword, storage#c44b8abold
storage.type, support.type#8ac44b
constant.language, support.constant, variable.language#c44b8a
variable, support.variable#000
entity.name.function#4b8ac4bold
support.function#4b8ac4bold
entity.name.type, entity.other.inherited-class, support.class#4b8ac4bold
entity.name.exception#990000
entity.name.sectionbold
constant.numeric, constant.character, constant#000
string#656565
string.unquoted.js#262626
constant.character.escape#777777
string.regexp#656565
constant.other.symbol#656565
punctuation#333
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#AAAAAA
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#333
entity.name.tag#4b8ac4
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#c44b8aitalic
constant.character.entity, punctuation.definition.entity#262626
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#c44b8a
meta.property-name, support.type.property-name#4b8ac4
meta.property-value, meta.property-value constant.other, support.constant.property-value#333
keyword.other.importantbold
markup.changed#000000
markup.deleted#000000
markup.italicitalic
markup.error#AA0000
markup.inserted#000000
meta.link#4b8ac4
markup.output, markup.raw#777777
markup.prompt#777777
markup.heading#c44b8a
markup.boldbold
markup.traceback#990000
markup.underlineunderline
markup.quote#262626
markup.list#262626
markup.bold, markup.italic#4b8ac4
markup.inline.raw#8ac44b
source.python string.quoted.docstring.multi.python#999
source.python meta.function-call.python meta.function-call.generic.python#4b8ac4
source.python keyword.operator.logical.python#c44b8a
source.cs keyword.other.new.cs#4b8ac4
source.cs keyword.type.cs, source.cs entity.name.type.cs, source.cs keyword.other.class.cs#8ac44b
source.cs entity.name.type.class.cs#4b8ac4
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343
entity.name.type.declaration.rust#262626
keyword.other.fn.rust#262626
variable.language.self.rust#262626
keyword.other.rust#c44b8a
keyword.control.rust#c44b8a
entity.name.type.numeric.rust#8ac44b
keyword.declaration.struct.rust storage.type.rust#8ac44b
keyword.declaration.trait.rust storage.type.rust#8ac44b
meta.attribute.rust#8ac44b
meta.attribute.rust entity.name.type.rust#8ac44b
meta.function.call.rust entity.name.function.rust#4b8ac4
keyword.operator.borrow.and.rust#262626
entity.name.function.macro.rust#4b8ac4
source.js meta.function.js constant.other.object.key.js string.quoted.double.js, source.js meta.function.arrow.js constant.other.object.key.js string.quoted.double.js, source.js constant.other.object.key.js string.quoted.double.js
source.json meta.structure.dictionary.json string.json support.type.property-name.json#4b8ac4
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json string.json support.type.property-name.json#c44b8a
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json string.json support.type.property-name.json#8ac44b
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 string.json support.type.property-name.json#4b8ac4
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 string.json support.type.property-name.json#c44b8a
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 string.json support.type.property-name.json#8ac44b
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 string.json support.type.property-name.json#4b8ac4