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#E1F4FF
  • activityBar.foreground#0066A0
  • activityBar.inactiveForeground#7AA8C7
  • activityBarBadge.background#003D5C
  • activityBarBadge.foreground#F8FEFF
  • button.background#0066A0
  • button.foreground#FFFFFF
  • button.hoverBackground#0085D1
  • dropdown.background#FFFFFF
  • dropdown.foreground#003D5C
  • editor.background#F8FEFF
  • editor.foreground#003D5C
  • editorGroupHeader.tabsBackground#F8FEFF
  • input.background#FFFFFF
  • input.border#C5E3FF
  • input.foreground#003D5C
  • list.activeSelectionBackground#C5E3FF
  • list.activeSelectionForeground#003D5C
  • list.hoverBackground#E1F4FF
  • list.inactiveSelectionBackground#E1F4FF
  • panel.background#F8FEFF
  • panel.border#C5E3FF
  • scrollbar.shadow#C5E3FF
  • scrollbarSlider.activeBackground#0066A0
  • scrollbarSlider.background#C5E3FF
  • scrollbarSlider.hoverBackground#7AA8C7
  • sideBar.background#F8FEFF
  • sideBarTitle.foreground#0066A0
  • statusBar.background#E1F4FF
  • statusBar.foreground#003D5C
  • tab.activeBackground#E1F4FF
  • tab.activeBorder#003D5C
  • tab.activeForeground#003D5C
  • tab.border#C5E3FF
  • tab.inactiveBackground#F8FEFF
  • tab.inactiveForeground#7AA8C7
  • terminal.ansiBlack#2A2A2A
  • terminal.ansiBlue#0969DA
  • terminal.ansiBrightBlack#6E7781
  • terminal.ansiBrightBlue#0969DA
  • terminal.ansiBrightCyan#0550AE
  • terminal.ansiBrightGreen#116329
  • terminal.ansiBrightMagenta#8250DF
  • terminal.ansiBrightRed#CF222E
  • terminal.ansiBrightWhite#24292F
  • terminal.ansiBrightYellow#4D2D00
  • terminal.ansiCyan#0550AE
  • terminal.ansiGreen#1A7F37
  • terminal.ansiMagenta#8250DF
  • terminal.ansiRed#D73027
  • terminal.ansiWhite#656D76
  • terminal.ansiYellow#B08800
  • terminal.background#F8FEFF
  • terminal.foreground#003D5C
  • terminal.selectionBackground#C5E3FF
  • terminalCursor.background#F8FEFF
  • terminalCursor.foreground#0066A0
  • titleBar.activeBackground#F8FEFF
  • titleBar.activeForeground#003D5C
  • titleBar.inactiveBackground#F8FEFF
  • titleBar.inactiveForeground#7AA8C7

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6A9955italic
variable, string constant.other.placeholder#001F3F
constant.other.color#D17E47
invalid, invalid.illegal#D73027
keyword, storage.type, storage.modifier#AF4C92
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#0066A0
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#D73027
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#8250DF
meta.block variable.other#001F3F
support.other.variable, string.other.link#116329
constant.numeric, constant.language, constant.character, constant.escape, variable.parameter, keyword.other.unit#0550AE
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#116329
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#B08800
support.type#001F3F
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#001F3F
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#001F3F
variable.language#D73027italic
entity.name.method.js#8250DFitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#8250DF
entity.other.attribute-name#B08800
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#B08800italic
entity.other.attribute-name.class#B08800
source.sass keyword.control#B08800
markup.inserted#116329
markup.deleted#D73027
markup.changed#0066A0
string.regexp#0066A0
constant.character.escape#0066A0
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#8250DFitalic
source.js constant.other.object.key.js string.unquoted.label.js#D73027italic
source.json meta.structure.dictionary.json support.type.property-name.json#116329
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#001F3F
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#116329
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#001F3F
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#116329
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#001F3F
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#116329
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#001F3F
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#116329
text.html.markdown, punctuation.definition.list_item.markdown#001F3F
text.html.markdown markup.inline.raw.markdown#116329
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#0066A0
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#003D5Cbold
markup.italic#8250DFitalic
markup.bold, markup.bold string#0066A0bold
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#D73027bold
markup.underline#B08800underline
markup.quote punctuation.definition.blockquote.markdown#0066A0
markup.quote#6A9955italic
string.other.link.title.markdown#8250DF
string.other.link.description.title.markdown#001F3F
constant.other.reference.link.markdown#D17E47
markup.raw.block#116329
markup.raw.block.fenced.markdown#0066A0
punctuation.definition.fenced.markdown#0066A0
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#001F3F
variable.language.fenced.markdown#0066A0
meta.separator#0066A0bold
markup.table#001F3F