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#F5F5F5
  • activityBar.foreground#3B82F6
  • activityBarBadge.background#2563EB
  • activityBarBadge.foreground#FFFFFF
  • editor.background#F5F5F5
  • editor.foreground#1F2937
  • editor.selectionBackground#BFDBFE66
  • editor.selectionHighlightBackground#BFDBFE33
  • editorCursor.foreground#3B82F6
  • editorGutter.addedBackground#22C55E
  • editorGutter.background#F5F5F5
  • editorGutter.deletedBackground#EF4444
  • editorGutter.modifiedBackground#F59E0B
  • editorLineNumber.activeForeground#3B82F6
  • editorLineNumber.foreground#6B7280
  • sideBar.background#F5F5F5
  • sideBar.foreground#3B82F6
  • sideBarTitle.foreground#3B82F6
  • statusBar.background#F5F5F5
  • statusBar.foreground#3B82F6
  • tab.activeBackground#E5E7EB
  • tab.activeForeground#1F2937
  • tab.inactiveBackground#F5F5F5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6B7280italic
variable, string constant.other.placeholder#1F2937
constant.other.color#111827
invalid, invalid.illegal#DC2626
keyword, storage.type, storage.modifier#3B82F6
keyword.control, 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.substitution#06B6D4
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#EC4899
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#2563EB
meta.block variable.other#EC4899
support.other.variable, string.other.link#EC4899
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#D97706
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#16A34A
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#CA8A04
support.type#0284C7
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#0284C7
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#DC2626
variable.language#DC2626italic
entity.name.method.js#2563EBitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#2563EB
entity.other.attribute-name#3B82F6
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#CA8A04italic
entity.other.attribute-name.class#CA8A04
source.sass keyword.control#2563EB
markup.inserted#16A34A
markup.deleted#DC2626
markup.changed#3B82F6
string.regexp#06B6D4
constant.character.escape#06B6D4
*url*, *link*, *uri*#2563EBunderline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#2563EBitalic
source.js constant.other.object.key.js string.unquoted.label.js#DC2626italic
source.json meta.structure.dictionary.json support.type.property-name.json#3B82F6
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#CA8A04
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#D97706
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#DC2626
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#EC4899
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#2563EB
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#EC4899
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#3B82F6
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#16A34A
text.html.markdown, punctuation.definition.list_item.markdown#1F2937
text.html.markdown markup.inline.raw.markdown#3B82F6
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#6B7280
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#16A34A
markup.italic#EC4899italic
markup.bold, markup.bold string#EC4899bold
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#EC4899bold italic
markup.underline#D97706underline
markup.quote punctuation.definition.blockquote.markdown#6B7280
markup.quote#16A34Aitalic
string.other.link.title.markdown#2563EB
string.other.link.description.title.markdown#3B82F6
constant.other.reference.link.markdown#CA8A04
markup.raw.block#3B82F6
markup.raw.block.fenced.markdown#00000020
punctuation.definition.fenced.markdown#00000020
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#1F2937
variable.language.fenced.markdown#6B7280
meta.separator#6B7280bold
markup.table#1F2937