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#1D1D1D
  • activityBarBadge.background#FD971F
  • editor.background#1D1D1D
  • editor.foreground#EEFFFF
  • editor.selectionBackground#FFFFFF40
  • editorGroupHeader.tabsBackground#1D1D1D
  • editorGroupHeader.tabsBorder#2B2B2B
  • editorGutter.addedBackground#A6E22E
  • editorGutter.deletedBackground#F92672
  • editorGutter.modifiedBackground#66D9EF
  • focusBorder#929292
  • gitDecoration.addedResourceForeground#A6E22E
  • gitDecoration.conflictingResourceForeground#F92672
  • gitDecoration.deletedResourceForeground#F92672
  • gitDecoration.modifiedResourceForeground#66D9EF
  • gitDecoration.renamedResourceForeground#FD971F
  • gitDecoration.stageDeletedResourceForeground#F92672
  • gitDecoration.stageModifiedResourceForeground#66D9EF
  • gitDecoration.untrackedResourceForeground#A6E22E
  • list.activeSelectionBackground#66D9EF50
  • list.errorForeground#F92672
  • list.focusOutline#66D9EF80
  • list.warningForeground#FFDC17
  • menu.selectionBackground#66D9EF50
  • minimap.selectionHighlight#FFFFFF40
  • minimapGutter.addedBackground#A6E22E
  • minimapGutter.deletedBackground#F92672
  • minimapGutter.modifiedBackground#66D9EF
  • selection.background#FFFFFF40
  • sideBar.background#1D1D1D
  • sideBarSectionHeader.background#1D1D1D
  • sideBarTitle.foreground#EEFFFF
  • statusBar.background#3F3F3F
  • statusBar.debuggingBackground#3F3F3F
  • statusBar.noFolderBackground#3F3F3F
  • tab.activeBorder#66D9EF
  • tab.inactiveBackground#2B2B2B
  • terminal.ansiBlack#1D1D1D
  • terminal.ansiBlue#0F8ADF
  • terminal.ansiBrightBlack#929292
  • terminal.ansiBrightBlue#0F8ADF
  • terminal.ansiBrightCyan#66D9EF
  • terminal.ansiBrightGreen#A6E22E
  • terminal.ansiBrightMagenta#AE81FF
  • terminal.ansiBrightRed#F92672
  • terminal.ansiBrightWhite#EEFFFF
  • terminal.ansiBrightYellow#FFDC17
  • terminal.ansiCyan#66D9EF
  • terminal.ansiGreen#A6E22E
  • terminal.ansiMagenta#AE81FF
  • terminal.ansiRed#F92672
  • terminal.ansiWhite#EEFFFF
  • terminal.ansiYellow#FFDC17
  • terminal.foreground#EEFFFF
  • titleBar.activeBackground#1D1D1D
  • titleBar.inactiveBackground#1D1D1D

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
string.regexp, punctuation.parenthesis.begin.regexp, punctuation.parenthesis.end.regexp, support.other.escape.special.regexp, string.regexp.quoted.single, keyword.operator.quantifier.regexp#A6E22E—
comment, punctuation.definition.comment#929292italic
variable, string constant.other.placeholder#EEFFFF—
constant.other.color#ffffff—
invalid, invalid.illegal#FF5370—
keyword, storage.type, storage.modifier#AE81FF—
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, meta.brace.square, meta.brace.round#66D9EF—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#f07178—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#0F8ADF—
meta.block variable.other#f07178—
support.other.variable, string.other.link#f07178—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#EEFFFF—
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#C3E88D—
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#FFCB6B—
support.type#B2CCD6—
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#B2CCD6—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FF5370—
variable.language#FF5370italic
entity.name.method.js#0F8ADFitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#0F8ADF—
entity.other.attribute-name#C792EA—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FFCB6Bitalic
entity.other.attribute-name.class#FFCB6B—
source.sass keyword.control#0F8ADF—
markup.inserted#C3E88D—
markup.deleted#FF5370—
markup.changed#C792EA—
string.regexp#89DDFF—
constant.character.escape#89DDFF—
*url*, *link*, *uri*—underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#0F8ADFitalic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
punctuation.definition.comment.json#FD971Fitalic bold
comment.line.double-slash.js#929292italic
string.quoted.double.json, punctuation.definition.string.begin.json, punctuation.definition.string.end.json#A6E22E—
constant.numeric.json, constant.language.json#FD971F—
source.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name.begin.json, source.json meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name.end.json#AE81FF—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name.begin.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json punctuation.support.type.property-name.end.json#F92672—
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, 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 punctuation.support.type.property-name.begin.json, 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 punctuation.support.type.property-name.end.json#FFDC17—
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, 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 punctuation.support.type.property-name.begin.json, 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 punctuation.support.type.property-name.end.json#0F8ADF—
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, 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 punctuation.support.type.property-name.begin.json, 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 punctuation.support.type.property-name.end.json#FD971F—
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, 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 punctuation.support.type.property-name.begin.json, 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 punctuation.support.type.property-name.end.json#AE81FF—
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, 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 punctuation.support.type.property-name.begin.json, 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 punctuation.support.type.property-name.end.json#F92672—
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, 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 punctuation.support.type.property-name.begin.json, 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 punctuation.support.type.property-name.end.json#FFDC17—
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, 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 punctuation.support.type.property-name.begin.json, 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 punctuation.support.type.property-name.end.json#0F8ADF—
text.html.markdown, punctuation.definition.list_item.markdown#EEFFFF—
text.html.markdown markup.inline.raw.markdown#C792EA—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E—
entity.name.section.markdown#F92672—
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#F92672bold
markup.italic#FFDC17italic
markup.bold, markup.bold string#FFDC17bold
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#FFDC17bold
markup.underline#A6E22Eunderline
markup.quote punctuation.definition.blockquote.markdown#65737E—
markup.quote—italic
string.other.link.title.markdown#AE81FF—
string.other.link.description.markdown#AE81FF—
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—
punctuation.definition.comment.python#FD971Fitalic bold
comment.line.number-sign.python#929292—
keyword.control.import.python#F92672—
string.quoted.single.python, string.quoted.docstring.multi.python, punctuation.definition.string.begin.python, punctuation.definition.string.end.python#A6E22E—
storage.type.string.python#F92672—
storage.type.class.python#AE81FFbold
entity.name.type.class.python#66D9EF—
variable.parameter.class.python#FD971F—
entity.other.inherited-class.python#A6E22E—
variable.parameter.function.language.python, variable.parameter.function-call.python#0F8ADF—
variable.parameter.function.language.special.self.python, variable.language.special.self.python#FFDC17italic
storage.type.function.python#AE81FFbold
support.function.builtin.python#AE81FF—
meta.function-call.python#EEFFFF—
meta.function-call.arguments.python#EEFFFF—
meta.function-call.generic.python#AE81FF—
entity.name.function.python, support.function.magic.python#66D9EF—
keyword.control.flow.python#F92672—
keyword.operator.assignment.python, keyword.operator.arithmetic.python, keyword.operator.comparison.python#F92672—
constant.language.python#FD971F—
support.type.python#66D9EF—
constant.numeric.dec.python#FD971F—
entity.name.tag.html#F92672—
entity.other.attribute-name.html#AE81FF—
string.quoted.double.html, string.quoted.single.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html#A6E22E—
invalid.deprecated.entity.other.attribute-name.html#FD971F—
entity.name.tag.css#F92672—
entity.other.attribute-name.id.css#AE81FF—
entity.other.attribute-name.class.css#FFDC17—
support.type.property-name.css#EEFFFF—
support.type.vendored.property-name.css#0F8ADF—
meta.property-value.css, constant.numeric.css, support.constant.vendored.property-value.css, support.constant.font-name.css, support.constant.property-value.css#FD971F—
keyword.other.important.css#FD971Fbold
string.quoted.double.css, string.quoted.single.css, punctuation.definition.string.begin.css, punctuation.definition.string.end.css#A6E22E—
punctuation.definition.comment.js#FD971Fitalic bold
keyword.control.import.js, keyword.control.from.js#F92672—
variable.other.readwrite.alias.js, variable.other.readwrite.js#EEFFFF—
punctuation.definition.string.begin.js, punctuation.definition.string.end.js, string.quoted.single.js, string.quoted.double.js#A6E22E—
keyword.operator.assignment.js, keyword.operator.arithmetic.js, storage.type.function.arrow.js, keyword.operator.logical.js#F92672—
constant.language.boolean.true.js, constant.language.boolean.false.js, constant.language.null.js, constant.numeric.decimal.js#FD971F—
entity.name.function.js, support.function.js, support.function.math.js#66D9EF—
storage.type.function.js#AE81FFbold
variable.other.constant.js#EEFFFF—
variable.other.object.js#EEFFFF—
variable.other.object.property.js, variable.other.property.js#FFDC17—
variable.parameter.js#FFDC17—
support.class.builtin.js, support.constant.math.js#0F8ADF—
keyword.control.flow.js, keyword.control.trycatch.js#F92672—
support.class.component.js, entity.name.tag.js#F92672—
entity.other.attribute-name.js#AE81FF—
meta.jsx.children.js#EEFFFF—
meta.object-literal.key.js#EEFFFF—
keyword.control.pragma#F92672—
entity.name.tag.pragma#66D9EF—
keyword.operator.logic, keyword.operator.mapping, keyword.operator.arithmetic, keyword.operator.assignment#F92672—
constant.numeric.decimal, constant.numeric.hexadecimal#FD971F—
support.type.primitive#F92672—
storage.type.contract, storage.type.struct, storage.type.constructor, storage.type.event, storage.type.function, storage.type.modifier, storage.type.enum#AE81FFbold
entity.name.type.contract, entity.name.type.struct#EEFFFF—
entity.name#66D9EF—
storage.type.mapping#66D9EF—
storage.type.mofifier#FFDC17—
variable.language.transaction#F92672italic
string.quoted.double, string.quoted.single#A6E22E—
constant.language.boolean#FD971F—
source.shell entity.name.function, support.function.builtin.shell, support.function.shell#66D9EF—
variable.other.normal.shell, variable.other.bracket.shell, variable.language.special.shell#EEFFFF—
string.quoted.single.shell, string.quoted.double.shell, string.interpolated.shell, punctuation.definition.string.begin.shell, punctuation.definition.string.end.shell#A6E22E—
keyword.operator.assignment.shell, keyword.operator.logical.shell, keyword.operator.pipe.shell, keyword.operator.redirect.shell, keyword.control.shell#F92672—
constant.numeric.shell#FD971F—
comment.line.number-sign.shell, punctuation.definition.comment.shell#929292italic
source.shell string.unquoted, string.unquoted.shell#A6E22E—
entity.name.function.ts, meta.definition.method.ts, meta.method.declaration.ts, meta.class.ts#66D9EF—
entity.name.function.ts, meta.function-call.ts#66D9EF—
entity.name.function.java, meta.method.identifier.java, meta.method.java#66D9EF—