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#EBEF15
  • activityBar.activeFocusBorder#EBEF15
  • activityBar.background#130E0F
  • activityBar.border#302546
  • activityBar.foreground#FFFFFF
  • activityBar.inactiveForeground#807694
  • activityBarBadge.background#EF15BF
  • breadcrumb.background#130E0F
  • button.background#7515EF
  • debugConsole.errorForeground#EF15BF
  • debugConsole.warningForeground#EBEF15
  • debugIcon.breakpointCurrentStackframeForeground#EBEF15
  • debugIcon.breakpointDisabledForeground#ff00002f
  • debugIcon.breakpointForeground#EF15BF
  • debugIcon.continueForeground#15EFAE
  • debugIcon.pauseForeground#15AEEF
  • debugIcon.restartForeground#15EFAE
  • debugIcon.startForeground#15EFAE
  • debugIcon.stepBackForeground#15AEEF
  • debugIcon.stepIntoForeground#15AEEF
  • debugIcon.stepOutForeground#15AEEF
  • debugIcon.stepOverForeground#15AEEF
  • debugIcon.stopForeground#EF15BF
  • debugTokenExpression.boolean#EF15BF
  • debugTokenExpression.error#EF15BF
  • debugTokenExpression.number#EF9815
  • debugTokenExpression.string#B596F8
  • debugTokenExpression.value#FFF
  • debugToolBar.background#2B223F
  • diffEditor.insertedTextBackground#15efae1a
  • diffEditor.removedTextBackground#ef15611e
  • diffEditorGutter.insertedLineBackground#15efae2f
  • diffEditorGutter.removedLineBackground#ef15614f
  • editor.background#221B32
  • editor.findMatchBackground#7515EF22
  • editor.findMatchBorder#7515EF
  • editor.findMatchHighlightBackground#463767
  • editor.foreground#E0DDE5
  • editor.lineHighlightBackground#2B223F
  • editor.lineHighlightBorder#463767
  • editor.selectionBackground#382C51
  • editor.stackFrameHighlightBackground#7515EF
  • editor.wordHighlightBackground#382C51
  • editor.wordHighlightStrongBackground#382C51
  • editorBracketHighlight.foreground1#EBEF15
  • editorBracketHighlight.foreground2#EF9815
  • editorBracketHighlight.foreground3#B596F8
  • editorBracketHighlight.foreground4#7515EF
  • editorBracketHighlight.foreground5#15EFAE
  • editorBracketHighlight.foreground6#15AEEF
  • editorBracketHighlight.unexpectedBracket.foreground#EF15BF
  • editorCursor.foreground#FFF
  • editorError.foreground#EF15BF
  • editorGroupHeader.tabsBackground#130E0F
  • editorGutter.addedBackground#15EFAE
  • editorGutter.background#130E0F
  • editorGutter.deletedBackground#EF15BF
  • editorGutter.foldingControlForeground#EF15BF
  • editorGutter.modifiedBackground#EF9815
  • editorIndentGuide.activeBackground#15AEEF
  • editorIndentGuide.background#463767
  • editorLineNumber.activeForeground#EF15BF
  • editorLineNumber.foreground#BCB9C2
  • editorLink.activeForeground#15EFAE
  • editorWarning.foreground#EF9815
  • editorWhitespace.foreground#2B223F
  • focusBorder#15EFAE
  • gitDecoration.addedResourceForeground#15EFAE
  • gitDecoration.deletedResourceForeground#EF15BF
  • icon.foreground#EF15BF
  • input.background#130E0F
  • list.activeSelectionBackground#7315ef42
  • list.activeSelectionForeground#FFF
  • list.activeSelectionIconForeground#EF15BF
  • list.focusOutline#7515EF
  • list.hoverBackground#7515EF
  • list.inactiveSelectionBackground#2B223F
  • list.inactiveSelectionIconForeground#E0DDE5
  • minimap.background#130E0F
  • minimap.selectionHighlight#7515EF
  • notificationLink.foreground#EF15BF
  • pickerGroup.foreground#15EFAE
  • quickInput.background#130E0F
  • quickInput.foreground#D5D2DC
  • quickInputList.focusBackground#EF15BF
  • quickInputList.focusForeground#FFF
  • quickInputList.focusIconForeground#FFF
  • scrollbarSlider.activeBackground#7515EF
  • scrollbarSlider.background#2B223F
  • scrollbarSlider.hoverBackground#2B223F
  • sideBar.background#130E0F
  • sideBar.border#EF15BF
  • sideBar.foreground#FFFFFF
  • sideBarSectionHeader.background#130E0F
  • sideBarSectionHeader.border#EF15BF
  • statusBar.background#15AEEF
  • statusBar.debuggingBackground#EF9815
  • statusBar.debuggingForeground#FFF
  • statusBar.foreground#FFFFFF
  • statusBar.noFolderBackground#7515EF
  • tab.activeBackground#130E0F
  • tab.activeBorder#EF15BF
  • tab.activeForeground#FFFFFF
  • tab.inactiveBackground#130E0F
  • tab.inactiveForeground#BCB9C2
  • terminal.ansiBlack#130E0F
  • terminal.ansiBlue#15AEEF
  • terminal.ansiBrightBlack#807694
  • terminal.ansiBrightBlue#15AEEF
  • terminal.ansiBrightCyan#15EFAE
  • terminal.ansiBrightGreen#15EFAE
  • terminal.ansiBrightMagenta#EF15BF
  • terminal.ansiBrightRed#EF15BF
  • terminal.ansiBrightWhite#FFF
  • terminal.ansiBrightYellow#EBEF15
  • terminal.ansiCyan#15EFAE
  • terminal.ansiGreen#15EFAE
  • terminal.ansiMagenta#EF15BF
  • terminal.ansiRed#EF15BF
  • terminal.ansiWhite#E0DDE5
  • terminal.ansiYellow#EBEF15
  • terminal.background#130E0F
  • terminal.foreground#E0DDE5
  • textLink.activeForeground#EBEF15
  • textLink.foreground#EF15BF
  • titleBar.activeBackground#130E0F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#807694italic
variable#E0DDE5
string constant.other.placeholder#E0DDE5
constant.other.color#ffffff
invalid, invalid.illegal#EF15BF
keyword#B596F8
storage.type, storage.modifier#15AEEF
keyword.control, constant.other.color, punctuation.separator.inheritance.php, keyword.other.template, keyword.other.substitution#EF15BF
meta.tag#E0DDE5
punctuation, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#EBEF15
punctuation.section.embedded#7515EF
meta.tag.sgml, markup.deleted.git_gutter#15EFAE
entity.name.tag#EF15BF
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#15EFAE
meta.block variable.other#D5D2DC
support.other.variable, string.other.link#15EFAE
variable.parameter#E0DDE5
constant.language, support.constant, constant.character, constant.escape, keyword.other#EF15BF
keyword.other.unit#EF15BF
constant.numeric#EF9815
string#B596F8
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#EF9815
support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#15AEEF
entity.name#15AEEF
support.type#E0DDE5
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#D5D2DC
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#EF15BF
variable.language#EF15BFitalic
entity.name.method.js#15EFAEitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#15EFAE
entity.other.attribute-name#15EFAE
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#15AEEFitalic
entity.other.attribute-name.class#15AEEF
source.sass keyword.control#15EFAE
markup.inserted#EF9815
markup.deleted#EF15BF
markup.changed#B596F8
string.regexp#EF15BF
constant.character.escape#EF15BF
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#15EFAEitalic
source.js constant.other.object.key.js string.unquoted.label.js#EF15BFitalic
text.html.markdown, punctuation.definition.list_item.markdown#E0DDE5
text.html.markdown markup.inline.raw.markdown#B596F8
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#807694
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#EBEF15bold
entity.name.section.markdownbold
markup.italic#15EFAEitalic
markup.bold, markup.bold string#15EFAEbold
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#15EFAEitalic bold
markup.underline#EF15BFunderline
markup.quote punctuation.definition.blockquote.markdown#807694
markup.quoteitalic
string.other.link.title.markdown#15EFAE
string.other.link.description.title.markdown#B596F8
constant.other.reference.link.markdown#15AEEF
markup.raw.block#B596F8
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#E0DDE5
variable.language.fenced.markdown#807694
meta.separator#807694bold
markup.table#E0DDE5
source.json meta.structure.dictionary.json support.type.property-name.json#EF15BF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#15EFAEitalic
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#15AEEF
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#EF15BFitalic
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#EF9815
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#EBEF15italic
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#EF15BF
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#15EFAEitalic
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#15AEEF
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 meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#EF15BFitalic
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 meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#EF9815
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 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#EBEF15italic
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 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#EF15BF
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 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#7515EFitalic