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#21252b
  • editor.background#14161A
  • editor.foreground#9DA5B4
  • editor.lineHighlightBackground#99bbff0a
  • editor.selectionBackground#2B3039
  • editorCursor.foreground#528bff
  • editorGroupHeader.tabsBackground#21252b
  • editorLineNumber.foreground#636d83
  • sideBar.background#21252b
  • tab.activeBackground#14161A
  • tab.inactiveBackground#21252b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
storage#D45FF6normal
keyword#D45FF6normal
string.regexp keyword.operator#D45FF6normal
string#95D567normal
constant.numeric#EC994Bnormal
constant.character.entity#EC994Bnormal
constant#EC994Bnormal
string.regexp keyword.control#EC994Bnormal
entity.other.attribute-name#EC994Bnormal
support.class#FFBC3Enormal
entity.other.inherited-class#FFBC3Enormal
entity.name.type#FFBC3Enormal
entity.name.function#51B1FFnormal
support.function#51B1FFnormal
string.regexp constant#3BCBDDnormal
string.regexp punctuation#3BCBDDnormal
string.regexp constant.other#3BCBDDnormal
constant.other.symbol#3BCBDDnormal
source#CACED6normal
variable.other.constant, variable.other.readwrite#CACED6normal
meta.brace.square#CACED6normal
variable.parameter, punctuation.definition.parameters#CACED6normal
constant.other#CACED6normal
punctuation.separator#CACED6normal
string.regexp meta.group.regexp punctuation#CACED6normal
meta.objectliteral#FD4F5Cnormal
variable#FD4F5Cnormal
entity.name.tag#FD4F5Cnormal
comment#40454Enormal
source.js punctuation.definition.block, source.js punctuation.separator.comma, meta.parameters.js punctuation.separator, source.js punctuation.accessor, source.js punctuation.definition.binding-pattern, source.js meta.brace.round, source.js punctuation.terminator.statement#CACED6normal
meta.template.expression.js punctuation#CACED6normal
meta.array.literal.js variable.other.object, meta.array.literal.js variable.other.readwrite#CACED6normal
source.js variable.language.this#CACED6normal
meta.function-call.js variable.other.object.js, meta.embedded.line.js variable.other.object.js, meta.block.js variable.other.object.js, meta.object variable.other.object.js#CACED6normal
variable.other.object.ts#CACED6normal
support.variable.property.js#FD4F5Cnormal
meta.function-call.js support.class#FD4F5Cnormal
source.js variable.other.object.property#FD4F5Cnormal
support.type.object.module.js#FD4F5Cnormal
entity.name.function.js#FD4F5Cnormal
source.js string.template punctuation.definition.template-expression#DC3728normal
source.js keyword.operator.comparison, source.js keyword.operator.assignment, source.js keyword.operator.spread, source.js keyword.operator.logical, source.js keyword.operator.increment, source.js keyword.operator.ternary, source.js keyword.operator.relational, source.js keyword.generator#3BCBDDnormal
source.js punctuation.definition.tag#3BCBDDnormal
source.js punctuation.separator#3BCBDDnormal
source.js keyword.operator#D45FF6normal
meta.import.js variable.other.readwrite, meta.export.default.js variable.other.readwrite.js#FFBC3Enormal
variable.other.object.js#FFBC3Enormal
meta.function-call.js entity.name.function.js, meta.definition.function.js entity.name.function.js#51B1FFnormal
meta.method.declaration.js storage.type.js, meta.definition.method.js entity.name.function.js#51B1FFnormal
meta.tag.js.jsx variable#CACED6normal
meta.tag.attributes.js punctuation.section.embedded, meta.jsx.children.js punctuation.section.embedded#DC3728normal
meta.tag.attributes.js punctuation.section.embedded, meta.jsx.children.js punctuation.section.embedded.begin.js#DC3728normal
meta.function-call.generic.python, support.type.python#51B1FFnormal
meta.function.decorator.python#51B1FFnormal
meta.fstring.python constant.character.format.placeholder#DC3728normal
meta.fstring.python meta.member.access.python#FD4F5Cnormal
meta.member.access.python#FD4F5Cnormal
meta.member.access.python punctuation.definition.arguments, meta.function-call.arguments.python punctuation.definition.dict#CACED6normal
source.python variable.language#CACED6normal
meta.member.access.python meta.function-call.arguments.python#CACED6normal
source.python variable.parameter#EC994Bnormal
constant.character#95D567normal
meta.attribute.id.html entity.other.attribute-name#51B1FFnormal
meta.tag.metadata.doctype.html entity.name.tag, meta.tag.metadata.doctype.html entity.other.attribute-name#CACED6normal
markup.heading.markdown, punctuation.definition.list.begin.markdown#FD4F5Cnormal
markup.bold.markdown#FFBC3Enormal
markup.italic.markdown#D45FF6normal
string.other.link.title.markdown, string.other.link.description.markdown#51B1FFnormal
meta.link.inline.markdown, markup.underline.link.image.markdown#3BCBDDnormal
markup.inline.raw.string.markdown#95D567normal
markup.quote.markdown#40454Enormal
punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json, punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json, punctuation.separator.array.json#CACED6normal
support.type.property-name.json punctuation, support.type.property-name.json#FD4F5Cnormal
meta.structure.dictionary.value.json#95D567normal
constant.numeric.json, constant.language.json#EC994Bnormal
meta.selector.css entity.other.attribute-name.class.css, meta.property-value.css support.constant.color.w3c-standard-color-name.css, meta.property-value.css constant.numeric.css, meta.property-value.css support.constant.font-name.css#EC994Bnormal
meta.selector.css entity.other.attribute-name.id.css#51B1FFnormal
meta.property-value.css support.function.transform.css, meta.property-value.css support.function.url.css#3BCBDDnormal
string.quoted.double.css, string.quoted.single.css#3BCBDDnormal
punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.separator.list.comma.css#595F6Bnormal
string.quoted.double.css punctuation, string.quoted.single.css punctuation#95D567normal
source.css support.constant.property-value#DC3728italic