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#FBFBFB
  • activityBar.foreground#222222
  • activityBarBadge.background#E3F1F6
  • activityBarBadge.foreground#090909
  • editor.background#FBFBFB
  • editor.foreground#222222
  • editor.inactiveSelectionBackground#E7E8F2
  • editor.selectionBackground#FCBC055b
  • editor.selectionHighlightBackground#E7E8F2
  • editorIndentGuide.background#E6E6E6
  • editorLineNumber.activeForeground#808080
  • editorLineNumber.foreground#AAAAAA
  • list.activeSelectionBackground#098CC0
  • list.activeSelectionForeground#FFFFFF
  • list.focusOutline#098CC0
  • list.highlightForeground#0C31DA
  • sideBar.background#FBFBFB
  • sideBar.border#E6E6E6
  • sideBarSectionHeader.background#E3F1F6
  • statusBar.background#FBFBFB
  • statusBar.debuggingBackground#CA473F
  • statusBar.foreground#222222

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#787878
string constant.other.placeholder, punctuation, meta.function-call.arguments, constant.character, variable., keyword.operator.class.php#222222
invalid, invalid.illegal#981D15
storage.type, storage.modifier, keyword.control, keyword.other#4285F4
constant.other.color, meta.tag, punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, keyword.other.unit#222222
entity.name.function, variable.function, support.function, keyword.other.special-method#34A853
string, constant.other.symbol, constant.other.key, markup.heading, punctuation.definition.string.begin, punctuation.definition.string.end, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#EA4334italic
entity.name, entity.other.inherited-class, support.type, support.class, markup.changed.git_gutter, support.type.sys-types#EA4334
support.type#EA4334
variable.language#222222
string.regexp#0782b1
constant.character.escape#0782b1
variable.other#222222
meta.jsx.children.js string#055472
variable.language.this.php punctuation.definition.variable.php, punctuation.definition.variable.php, variable.other.php#222222
support.class.php, support.other.namespace.php, punctuation.separator.inheritance.php, entity.name.type.namespace#EA4334
comment.block.documentation.phpdoc.php support.other.namespace.php, comment.block.documentation.phpdoc.php punctuation.separator.inheritance.php, comment.block.documentation.phpdoc.php punctuation.separator.delimiter.php, comment.block.documentation.phpdoc.php support.class.builtin.php#787878
comment.block.documentation.phpdoc.php keyword.other#4285F4
variable.other.property.php#34A853
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#4285F4
constant.language.php#4285F4
constant.other.class.php#34A853bold
entity.name.tag#4285F4
punctuation.definition.tag, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#222222
meta.tag#34A853
string.quoted.double.html, punctuation.definition.string.end.html, punctuation.definition.string.begin.html#222222
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#34A853
entity.other.attribute-name.class#222222
source.css keyword.other.unit#222222
support.type.property-name.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json#055472