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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#807694italic
variable#130E0F
string constant.other.placeholder#221B32
constant.other.color#221B32
invalid, invalid.illegal#EF1563
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#463767
punctuation, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#7515EF
punctuation.section.embedded#7515EF
meta.tag.sgml, markup.deleted.git_gutter#00cc8f
entity.name.tag#EF15BF
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#00cc8f
meta.block variable.other#221B32
support.other.variable, string.other.link#00cc8f
variable.parameter#E0DDE5
constant.language, support.constant, constant.character, constant.escape, keyword.other#EF15BF
keyword.other.unit#EF15BF
constant.numeric#EF9815
string#463767italic
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#463767
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#EF1563
variable.language#EF1563italic
entity.name.method.js#00cc8fitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#00cc8f
entity.other.attribute-name#00cc8f
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#00cc8f
markup.inserted#EF9815
markup.deleted#EF1563
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#00cc8fitalic
source.js constant.other.object.key.js string.unquoted.label.js#EF1563italic
text.html.markdown, punctuation.definition.list_item.markdown#130E0F
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#EF15BFbold
entity.name.section.markdownbold
markup.italic#00cc8fitalic
markup.bold, markup.bold string#00cc8fbold
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#00cc8fitalic bold
markup.underline#EF15BFunderline
markup.quote punctuation.definition.blockquote.markdown#807694
markup.quoteitalic
string.other.link.title.markdown#00cc8f
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#130E0F
variable.language.fenced.markdown#221B32
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#00cc8fitalic
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#EF1563italic
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#807694italic
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#00cc8fitalic
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#EF1563italic
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#807694italic
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