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.activeBorder#6c6c6c
  • activityBar.background#101010
  • activityBar.inactiveForeground#6c6c6c
  • badge.background#d6d6dd3d
  • button.background#d6d6dd3d
  • dropdown.background#101010
  • editor.background#101010
  • editor.lineHighlightBorder#d6d6dd3d
  • editorGroup.border#d6d6dd0c
  • editorGroupHeader.tabsBackground#101010
  • editorHoverWidget.background#101010
  • editorHoverWidget.border#6c6c6c
  • editorIndentGuide.activeBackground1#fff
  • editorLineNumber.activeForeground#6c6c6c
  • editorLineNumber.foreground#cccccc20
  • editorSuggestWidget.background#101010
  • editorSuggestWidget.border#d6d6dd0c
  • editorSuggestWidget.selectedBackground#d6d6dd3d
  • editorWidget.background#101010
  • editorWidget.border#d6d6dd0c
  • focusBorder#d6d6dd3d
  • input.background#101010
  • input.border#d6d6dd3d
  • input.placeholderForeground#6c6c6c
  • list.activeSelectionBackground#d6d6dd0c
  • list.focusOutline#6163753d
  • list.hoverBackground#d6d6dd3d
  • panel.background#101010
  • panel.border#6c6c6c
  • panelTitle.inactiveForeground#6c6c6c
  • pickerGroup.border#6c6c6c
  • sideBar.background#101010
  • sideBarSectionHeader.background#101010
  • statusBar.background#101010
  • tab.activeBackground#101010
  • tab.activeBorderTop#d6d6dd3d
  • tab.border#181818
  • tab.inactiveBackground#101010
  • tab.inactiveForeground#6c6c6c
  • terminal.background#101010
  • titleBar.activeBackground#101010
  • titleBar.inactiveBackground#101010
  • titleBar.inactiveForeground#6c6c6c
  • welcomePage.background#101010
  • widget.border#d6d6dd0c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7C7C7Citalic
variable, string constant.other.placeholder#E8E8E8
constant.other.color#FF6B9D
invalid, invalid.illegal#FF4757bold
keyword, storage.type, storage.modifier#fff
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#0cd3ed
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#0cd3ed
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#ed1ca7
meta.block variable.other#E8E8E8
support.other.variable, string.other.link#E8E8E8
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#F7DC6F
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#F7DC6F
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#A569BDbold
support.type#BB8FCE
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#5DADE2
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#EC7063
variable.language#AF7AC5italic
entity.name.method.js#58D68D
meta.class-method.js entity.name.function.js, variable.function.constructor#58D68D
entity.other.attribute-name#85C1E9
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#85C1E9italic
entity.other.attribute-name.class#F7DC6F
source.sass keyword.control#5DADE2
markup.inserted#ed1ca7
markup.deleted#E74C3C
markup.changed#F39C12
string.regexp#E67E22
constant.character.escape#F7DC6F
*url*, *link*, *uri*#3498DBunderline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#D2B4DEitalic
source.js constant.other.object.key.js string.unquoted.label.js#EC7063italic
source.json meta.structure.dictionary.json support.type.property-name.json#85C1E9
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#F7DC6F
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#F39C12
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#EC7063
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#BB8FCE
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#ed1ca7
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#58D68D
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#FF6B9D
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#5DADE2
text.html.markdown, punctuation.definition.list_item.markdown#E8E8E8
text.html.markdown markup.inline.raw.markdown#F39C12
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#7C7C7C
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#ed1ca7bold
markup.italic#E8E8E8italic
markup.bold, markup.bold string#FFFFFFbold
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#FFFFFFbold italic
markup.underline#F7DC6Funderline
markup.quote punctuation.definition.blockquote.markdown#7C7C7C
markup.quote#AEB6BFitalic
string.other.link.title.markdown#3498DB
string.other.link.description.title.markdown#85C1E9
constant.other.reference.link.markdown#BB8FCE
markup.raw.block#F39C12
markup.raw.block.fenced.markdown#2C2C2C
punctuation.definition.fenced.markdown#7C7C7C
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#E8E8E8
variable.language.fenced.markdown#ed1ca7
meta.separator#7C7C7Cbold
markup.table#E8E8E8