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#1E212B
  • activityBar.foreground#7783a0
  • activityBarBadge.background#028090
  • bookmarks.lineBackground#161a27
  • breadcrumb.background#1E212B
  • button.background#02809060
  • debugToolBar.background#0f1424
  • editor.background#1E212B
  • editor.findMatchBackground#0f8aaf10
  • editor.findMatchBorder#ffffff2c
  • editor.findMatchHighlightBackground#da062228
  • editor.findMatchHighlightBorder#e20a2734
  • editor.foreground#e8eaee
  • editorCursor.background#028090
  • editorCursor.foreground#028090
  • editorError.foreground#f84545b9
  • editorGroupHeader.border#1E212B
  • editorGroupHeader.noTabsBackground#1E212B
  • editorGroupHeader.tabsBackground#1E212B
  • editorGroupHeader.tabsBorder#1E212B
  • focusBorder#028090ce
  • input.background#282a2f
  • input.placeholderForeground#7783a0
  • list.hoverBackground#1e283a
  • menu.background#1E212B
  • menu.selectionBackground#303541
  • menubar.selectionBackground#303541
  • menubar.selectionForeground#028090
  • notifications.background#1e222e
  • problemsErrorIcon.foreground#900202
  • problemsInfoIcon.foreground#028090
  • problemsWarningIcon.foreground#FEC601
  • quickInput.background#1E212B
  • quickInputList.focusBackground#02809085
  • quickInputTitle.background#1E212B
  • scrollbarSlider.activeBackground#0280905e
  • scrollbarSlider.hoverBackground#0280902d
  • sideBar.background#1E212B
  • sideBar.foreground#7783a0
  • sideBarSectionHeader.background#262a3a
  • sideBarSectionHeader.foreground#7783a0
  • sideBarTitle.foreground#7783a0
  • statusBar.background#1E212B
  • statusBar.debuggingBackground#900202
  • statusBar.noFolderBackground#1E212B
  • statusBarItem.activeBackground#028090
  • statusBarItem.errorBackground#900202
  • statusBarItem.hoverBackground#02809046
  • tab.activeBackground#1E212B
  • tab.activeBorder#1E212B
  • tab.activeForeground#98a4c0
  • tab.hoverBackground#141a2c
  • tab.hoverForeground#028090
  • tab.inactiveBackground#19232e
  • tab.inactiveForeground#98a4c0
  • tab.unfocusedActiveBackground#25272f
  • tab.unfocusedActiveForeground#98a4c0
  • terminal.ansiBrightYellow#FEC601
  • textLink.activeForeground#0599ac
  • textLink.foreground#04899b
  • titleBar.activeBackground#1E212B
  • titleBar.activeForeground#98a4c0
  • titleBar.inactiveBackground#1E212B
  • titleBar.inactiveForeground#98a4c0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#94a8acc4italic
variable, string constant.other.placeholder, source.python, meta.function-call.arguments.python#dd4254
constant.numeric, constant.language, constant.character, constant.escape, constant.other, keyword.other.unit#d36a15
invalid, invalid.illegal#f30404c2
keyword, storage.type, storage.modifier, keyword.other#028090italic
keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.logical, keyword.operator.brace#02b8b8italic
constant.other.color, punctuation, 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, variable.other.constant#f0bc00
variable.other.constant#d36a15italic
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#dd4254
meta.function-call, variable.function, keyword.other.special-method, entity.name.function#E8EAEE
support.function#dd4254
support.constant, support.type.object, support.type.python, support.class#f0bc00
entity.name.function#C678DD
meta.block#6973ff
support.other.variable, string.other.link#dd4254
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#70AE6E
support.type, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#02a3b8
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, meta.property-name.css, meta.property-name.scss#f0bc00d8
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#c8d8f8
variable.language#FF5370italic
entity.name.method.js#C678DDitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#C678DD
entity.other.attribute-name#02a3b8italic
entity.other.attribute-name.pseudo-element.css#02a3b8italic
support.constant.property-value.css#C678DDitalic
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#02a3b8italic
entity.other.attribute-name.class#dd4254
markup.inserted#70AE6E
markup.deleted#ff2b4e
markup.changed#C792EA
string.regexp#02b8b8
constant.character.escape#02b8b8
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#C678DDitalic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
source.json meta.structure.dictionary.json support.type.property-name.json#02a3b8
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#E15F6E
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#F78C6C
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#FF5370
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#FFCB6B
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#ffb36b
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#6b75ff
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#C792EA
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#ff94db
text.html.markdown, punctuation.definition.list_item.markdown#ffffff
text.html.markdown markup.inline.raw.markdown#C792EA
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, entity.name.section.markdown#FFCB6B
markup.italic#f07178italic
markup.bold, markup.bold string#f07178bold
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#f07178bold
markup.underline#02a3b8underline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.description.title.markdown#C792EA
constant.other.reference.link.markdown#FFCB6B
markup.raw.block#C792EA
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#EEFFFF
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#EEFFFF