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#f2f2f2
  • activityBar.border#bcbcbc
  • activityBar.foreground#000000
  • editor.background#fafafa
  • editor.foreground#000000
  • editor.lineHighlightBackground#fffae3
  • editor.selectionHighlightBackground#F6EBBC
  • editorGutter.background#f0f0f0
  • editorLineNumber.foreground#c1c1c1
  • sideBar.background#fffae3
  • sideBar.border#c0c0c0
  • sideBar.foreground#000000
  • sideBarSectionHeader.background#fffae3
  • statusBar.background#f2f2f2
  • statusBar.border#c0c0c0
  • statusBar.foreground#000000
  • tab.activeBorder#c0c0c0
  • tab.border#c0c0c0
  • tab.inactiveBackground#d4d4d4
  • tab.inactiveForeground#333333

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#333333ff—
comment, punctuation.definition.comment#AAAAAAitalic
comment.block.preprocessor#AAAAAA
comment.documentation, comment.block.documentation#008000bold
invalid.deprecated——
invalid.illegal#ff0000—
keyword.operator#000088bold
keyword, storage#000088bold
storage.type, support.type#000088bold
constant.language, support.constant, variable.language#AB6526—
variable, support.variable#434343
entity.name.function, support.function#000000bold
entity.name.type, entity.other.inherited-class, support.class#000088bold
entity.name.exception#660000—
entity.name.section—bold
constant.numeric, constant.character, constant#0000FF
string#008000bold
string.comment.buffered.block.pug, string.quoted.pug, string.interpolated.pug, string.unquoted.plain.in.yaml, string.unquoted.plain.out.yaml, string.unquoted.block.yaml, string.quoted.single.yaml, string.quoted.double.xml, string.quoted.single.xml, string.unquoted.cdata.xml, string.quoted.double.html, string.quoted.single.html, string.unquoted.html, string.quoted.single.handlebars, string.quoted.double.handlebars#008000bold
string.quoted.double.html#008000bold
constant.character.escape#777777—
string.regexp#4B83CD—
constant.other.symbol#AB6526—
punctuation#777777—
string source, text source#000000—
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#2E2A2E—
entity.name.tag#000088bold
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#0000FFbold
string.quoted.double.html#008000bold
source.css#008000bold
constant.character.entity, punctuation.definition.entity#0000FFbold
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css, entity.name.tag.wildcard.css#000088bold
meta.property-name, support.type.property-name#0000FFbold
meta.property-value, meta.property-value constant.other, support.constant.property-value, source.css constant.numeric, source.css constant.language, source.css keyword.other.unit#008000bold
keyword.other.important—bold
markup.changed#000000—
markup.deleted#000000—
markup.italic—italic
markup.error#660000—
markup.inserted#000000—
meta.link#4B83CD—
markup.output, markup.raw#777777—
markup.prompt#777777—
markup.heading#AA3731—
markup.bold—bold
markup.traceback#660000—
markup.underline—underline
markup.quote#660E7A—
markup.list#4B83CD—
markup.bold, markup.italic#008000bold
markup.inline.raw#AB6526
meta.diff.range, meta.diff.index, meta.separator#434343—
meta.diff.header.from-file#434343—
meta.diff.header.to-file#434343—
meta.object-literal.key, meta.object-literal.key entity.name.function#660E7Abold
variable.language#0042B6bold
variable.other.object#660E7Abold
variable.other.object.property#660E7Abold
variable.other.readwrite——
variable.other.property#660E7Abold
string.quoted.double.js#008000bold
string.quoted.single.js#008000bold
entity.name.function.js#660E7Abold
support.class.console.js, meta.function-call.js, meta.block.js, meta.function.expression.js, meta.block.js, meta.method.declaration.js, meta.objectliteral.js#660E7Abold
entity.name.function.js#000000bold
variable.parameter.js#434343
keyword.operator.expression.delete.js#000088bold
constant.language #000088bold
storage.type.function.js#000088bold
storage.type.js#000088bold
variable.language.this.js#000088bold
punctuation.section.embedded.begin.php#000088bold
variable.language.this.php#000000bold
variable.other.php#000000bold
storage.type.function.php#000088bold
storage.type.class.php#000088bold
comment.block.documentation.phpdoc.php#AAAAAA
comment.block.documentation.phpdoc.php support.class#AAAAAA
keyword.other.phpdoc.php#000088
markup.inserted#008000bold
meta.preprocessor.numeric#008000bold
keyword.other.unit#008000bold
constant.sha.git-rebase#008000bold