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#F8F9FA
  • activityBar.border#E0E1E2
  • activityBar.foreground#2C2D30
  • activityBarBadge.background#3C93FD
  • activityBarBadge.foreground#FFFFFF
  • badge.foreground#FFFFFF
  • button.background#3C93FD
  • editor.background#F0F1F2
  • editor.lineHighlightBackground#EAEBED
  • editor.selectionBackground#D4E7FF
  • editorGroup.border#E0E1E2
  • editorGroupHeader.tabsBackground#F0F1F2
  • editorGroupHeader.tabsBorder#E0E1E2
  • editorLineNumber.activeForeground#2C2D30
  • editorLineNumber.foreground#8A8C8D
  • editorWidget.background#F0F1F2
  • editorWidget.border#E0E1E2
  • editorWidget.resizeBorder#E0E1E2
  • focusBorder#3C93FD
  • foreground#2C2D30
  • input.background#F0F1F2
  • input.border#E0E1E2
  • input.placeholderForeground#7A7C7D
  • list.activeSelectionBackground#3C93FD
  • list.focusBackground#3C93FD
  • list.focusForeground#FFFFFF
  • list.highlightForeground#2C2D30
  • list.hoverBackground#F0F1F2
  • list.inactiveSelectionBackground#E5E6E7
  • notificationCenter.border#E0E1E2
  • notifications.border#E0E1E2
  • panel.border#E0E1E2
  • panelTitle.activeForeground#2C2D30
  • panelTitle.inactiveForeground#2C2D30
  • scrollbar.shadow#00000000
  • selection.background#D4E7FF
  • sideBar.background#F0F1F2
  • sideBar.border#E0E1E2
  • sideBarSectionHeader.background#F0F1F2
  • sideBarSectionHeader.foreground#2C2D30
  • sideBarTitle.foreground#2C2D30
  • statusBar.background#F0F1F2
  • statusBar.border#E0E1E2
  • statusBar.debuggingBackground#F0F1F2
  • statusBar.foreground#5A5B5C
  • statusBar.noFolderBackground#F0F1F2
  • tab.activeBorder#E8E9EA
  • tab.activeForeground#2C2D30
  • tab.border#E0E1E2
  • tab.inactiveBackground#F0F1F2
  • tab.inactiveForeground#5A5B5C
  • terminal.ansiBlack#2C2D30
  • terminal.ansiBlue#0366D6
  • terminal.ansiBrightBlack#5A5B5C
  • terminal.ansiBrightBlue#0366D6
  • terminal.ansiBrightCyan#40C8AE
  • terminal.ansiBrightGreen#28A745
  • terminal.ansiBrightMagenta#E36209
  • terminal.ansiBrightRed#D73A49
  • terminal.ansiBrightWhite#2C2D30
  • terminal.ansiBrightYellow#F66A0A
  • terminal.ansiCyan#40C8AE
  • terminal.ansiGreen#28A745
  • terminal.ansiMagenta#E36209
  • terminal.ansiRed#D73A49
  • terminal.ansiWhite#6F777D
  • terminal.ansiYellow#F66A0A
  • terminal.background#F0F1F2
  • widget.shadow#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#007000
variable, string constant.other.placeholder#2C2D30
constant.other.color#2C2D30
invalid, invalid.illegal#D73A49
storage.type, keyword.other#0000FF
keyword#D946EF
storage.modifier#0070F3
keyword.control, constant.other.color, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, keyword.import.go, entity.name.parameter.go#B347A0
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#0366D6
punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.jsx, punctuation.definition.tag.begin.jsx, punctuation.definition.tag.end.jsx#6A737D
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#B8860B
meta.block variable.other, source.go#005CC5
support.other.variable, string.other.link#E36209
constant.language, support.constant, constant.character, constant.escape, variable.other.enummember, variable.other.property, entity.name.variable.enum-member#267AC7
variable.parameter, keyword.other.unit, keyword.other, source.python support.constant, source.go support.constant, source.go support.type#D946EF
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#C41E3A
constant.numeric#0B7A5A
source.go string.quoted.double.go, source.go meta.import string.quoted.double.go, entity.name.import.go#C41E3A
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, meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy#0086B3
support.type, source.go storage.type.go#0086B3
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#0086B3
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#6F42C1
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#005CC5
variable.language#0000FF
entity.name.method.js#005CC5italic
meta.class-method.js entity.name.function.js, variable.function.constructor#6F42C1
entity.other.attribute-name#005CC5
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#E36209italic
entity.other.attribute-name.class#E36209
source.sass keyword.control#0366D6
markup.inserted#22863A
markup.deleted#D73A49
markup.changed#6F42C1
string.regexp#D73A49
constant.character.escape#E36209
punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, punctuation.section.embedded.begin.metatag.template.ts, punctuation.section.embedded.end.metatag.template.ts, punctuation.section.embedded.begin.metatag.template.js, punctuation.section.embedded.end.metatag.template.js, string.template punctuation.definition.template-expression, meta.embedded.expression punctuation.definition.template-expression#F66A0Abold
meta.template.expression.ts, meta.template.expression.js, meta.embedded.expression.ts, meta.embedded.expression.js, source.ts meta.template.expression, source.js meta.template.expression, string.template meta.embedded.expression, string.template source#0366D6
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#6F42C1italic
source.js constant.other.object.key.js string.unquoted.label.js#D73A49italic
source.json meta.structure.dictionary.json support.type.property-name.json#6F42C1
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#E36209
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#D73A49
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#22863A
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#0086B3
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#0366D6
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#005CC5
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#6F42C1
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#22863A
text.html.markdown, punctuation.definition.list_item.markdown#2C2D30
text.html.markdown markup.inline.raw.markdown#6F42C1
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#6A737D
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#22863A
markup.italic#2C2D30italic
markup.bold, markup.bold string#2C2D30bold
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#2C2D30bold
markup.underline#E36209underline
markup.quote punctuation.definition.blockquote.markdown#6A737D
markup.quoteitalic
string.other.link.title.markdown#0366D6
string.other.link.description.title.markdown#6F42C1
constant.other.reference.link.markdown#E36209
markup.raw.block#6F42C1
markup.raw.block.fenced.markdown#F6F8FA
punctuation.definition.fenced.markdown#F6F8FA
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#2C2D30
variable.language.fenced.markdown#6A737D
meta.separator#6A737Dbold
markup.table#2C2D30
variable, meta.definition.variable.name, support.variable, entity.name.variable, support.variable, entity.name.variable, constant.other.placeholder, variable.parameter#005CC5
meta.object-literal.key#005CC5
meta.function-call.generic.python, meta.function-call.generic.python entity.name.function#6F42C1
variable.other.constant.object.ts, variable.other.object.ts, meta.object.member.ts, meta.objectliteral.ts, meta.var.expr.ts#0366D6
variable.other.constant.python, variable.other.constant.python entity.name.function#6F42C1
variable.other.constant.object.ts, variable.other.object.ts, meta.object.member.ts, meta.objectliteral.ts, meta.var.expr.ts#0366D6
meta.decorator.python, meta.decorator.python entity.name.function, entity.name.function.decorator.python#6F42C1
source.shell support.function.builtin, source.shell entity.name.command, source.shell support.function, source.shell meta.function-call entity.name.function#B8860B
source.shell variable.parameter, source.shell constant.other.option, source.shell support.function.option, source.shell punctuation.definition.parameter#D946EF
source.shell string, source.shell meta.string, source.shell constant.other.argument#C41E3A
string#C41E3A
variable.other.enummember, constant.other, variable.other.constant, entity.name.variable.enum-member#267AC7
keyword.control.conditional, keyword.control.loop, keyword.control.flow, keyword.control.import, keyword.control.export, keyword.control#D946EF
storage.modifier.async, keyword.control.flow.await, storage.modifier.static, storage.modifier.readonly, storage.modifier.public, storage.modifier.private, storage.modifier.protected#0070F3
keyword.declaration.go, keyword.type.go, keyword.struct.go, keyword.map.go, keyword.package.go, keyword.interface.go, keyword.channel.go, keyword.function.go, storage.type.function.go, storage.type.go#0000FF
keyword.operator.typeof, keyword.operator.relational#D946EF
constant.language.nil.go, constant.language.go, keyword.other.nil.go#0000FF
keyword.operator.new.js, keyword.operator.new.ts, keyword.operator.new.tsx, keyword.operator.new, keyword.operator.instanceof.js, keyword.operator.instanceof.ts, keyword.operator.instanceof.tsx, keyword.operator.instanceof, keyword.operator.expression.instanceof#0000FF