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#050609
  • activityBar.foreground#00f0ff
  • activityBarBadge.background#00f0ff
  • activityBarBadge.foreground#000000
  • editor.background#0b0d13
  • editor.foreground#e2e8f0
  • editor.lineHighlightBackground#111520
  • editor.selectionBackground#00f0ff22
  • editorCursor.foreground#00f0ff
  • editorLineNumber.activeForeground#ff2a74
  • editorLineNumber.foreground#334155
  • menu.background#080a0f
  • menu.foreground#e2e8f0
  • menu.selectionBackground#00f0ff22
  • menu.selectionForeground#00f0ff
  • menu.separatorBackground#111520
  • sideBar.background#080a0f
  • sideBarSectionHeader.background#080a0f
  • sideBarTitle.foreground#56687a
  • tab.activeBackground#0b0d13
  • tab.activeForeground#00f0ff
  • tab.border#050609
  • tab.inactiveBackground#080a0f
  • tab.inactiveForeground#475569
  • titleBar.activeBackground#07080b
  • titleBar.activeForeground#bbbbbb
  • titleBar.border#050609

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4b5966italic
variable, string constant.other.placeholder#e2e8f0
constant.other.color#ffffff
invalid, invalid.illegal#ff2a74
keyword, storage.type, storage.modifier#b57cffbold
keyword.control, constant.other.color, 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#00f0ff
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#ff2a74
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#38bdf8
meta.block variable.other#ff2a74
support.other.variable, string.other.link#ff2a74
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#ff9e3b
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#05ffb0
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#ffd000
support.type#94a3b8
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#94a3b8
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#ff2a74
variable.language#ff2a74italic
entity.name.method.js#38bdf8italic
meta.class-method.js entity.name.function.js, variable.function.constructor#38bdf8
entity.other.attribute-name#b57cff
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#ffd000italic
entity.other.attribute-name.class#ffd000
source.sass keyword.control#38bdf8
markup.inserted#05ffb0
markup.deleted#ff2a74
markup.changed#b57cff
string.regexp#00f0ff
constant.character.escape#00f0ff
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#38bdf8italic
source.js constant.other.object.key.js string.unquoted.label.js#ff2a74italic
source.json meta.structure.dictionary.json support.type.property-name.json#b57cff
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ffd000
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#ff9e3b
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#ff2a74
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#c17e70
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#38bdf8
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#ff2a74
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#b57cff
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#05ffb0
text.html.markdown, punctuation.definition.list_item.markdown#e2e8f0
text.html.markdown markup.inline.raw.markdown#b57cff
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#4b5966
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#05ffb0
markup.italic#ff2a74italic
markup.bold, markup.bold string#ff2a74bold
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#ff2a74bold
markup.underline#ff9e3bunderline
markup.quote punctuation.definition.blockquote.markdown#4b5966
markup.quoteitalic
string.other.link.title.markdown#38bdf8
string.other.link.description.title.markdown#b57cff
constant.other.reference.link.markdown#ffd000
markup.raw.block#b57cff
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#e2e8f0
variable.language.fenced.markdown#4b5966
meta.separator#4b5966bold
markup.table#e2e8f0