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#0B0C10
  • activityBar.foreground#6366F1
  • activityBarBadge.background#1E3A8A
  • activityBarBadge.foreground#F1F5F9
  • editor.background#0B0C10
  • editor.foreground#C9D1D9
  • editor.selectionBackground#2D374822
  • editor.selectionHighlightBackground#2D374811
  • editorCursor.foreground#6366F1
  • editorGutter.addedBackground#16A34A
  • editorGutter.background#0B0C10
  • editorGutter.deletedBackground#DC2626
  • editorGutter.modifiedBackground#D97706
  • editorLineNumber.activeForeground#6366F1
  • editorLineNumber.foreground#444C56
  • sideBar.background#0B0C10
  • sideBar.foreground#6366F1
  • sideBarTitle.foreground#6366F1
  • statusBar.background#0B0C10
  • statusBar.foreground#6366F1
  • tab.activeBackground#151722
  • tab.activeForeground#C9D1D9
  • tab.inactiveBackground#0B0C10

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4B5563italic
variable, string constant.other.placeholder#C9D1D9
constant.other.color#E2E8F0
invalid, invalid.illegal#EF4444
keyword, storage.type, storage.modifier#6366F1
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#3B82F6
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#F59E0B
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#10B981
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#FBBF24
support.type#60A5FA
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#60A5FA
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#EF4444
variable.language#EF4444italic
entity.name.method.js#3B82F6italic
meta.class-method.js entity.name.function.js, variable.function.constructor#3B82F6
entity.other.attribute-name#6366F1
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FBBF24italic
entity.other.attribute-name.class#FBBF24
source.sass keyword.control#3B82F6
markup.inserted#10B981
markup.deleted#EF4444
markup.changed#6366F1
string.regexp#06B6D4
constant.character.escape#06B6D4
*url*, *link*, *uri*#3B82F6underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#3B82F6italic
source.js constant.other.object.key.js string.unquoted.label.js#EF4444italic
source.json meta.structure.dictionary.json support.type.property-name.json#6366F1
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FBBF24
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#F59E0B
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#EF4444
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#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 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#6366F1
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#10B981
text.html.markdown, punctuation.definition.list_item.markdown#C9D1D9
text.html.markdown markup.inline.raw.markdown#6366F1
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#4B5563
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#10B981
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#F59E0Bunderline
markup.quote punctuation.definition.blockquote.markdown#4B5563
markup.quote#10B981italic
string.other.link.title.markdown#3B82F6
string.other.link.description.title.markdown#6366F1
constant.other.reference.link.markdown#FBBF24
markup.raw.block#6366F1
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#C9D1D9
variable.language.fenced.markdown#4B5563
meta.separator#4B5563bold
markup.table#C9D1D9