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.

  • activityBarBadge.background#007ACC
  • editor.background#1E1E1E
  • editor.foreground#D4D4D4
  • editor.inactiveSelectionBackground#3A3D41
  • editor.selectionHighlightBackground#ADD6FF26
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorLineNumber.activeForeground#f1610d
  • editorLineNumber.foreground#0085ad
  • input.placeholderForeground#A6A6A6
  • list.dropBackground#383B3D
  • menu.background#252526
  • menu.foreground#CCCCCC
  • settings.numberInputBackground#292929
  • settings.textInputBackground#292929
  • sideBarSectionHeader.background#0000
  • sideBarSectionHeader.border#ccc3
  • sideBarTitle.foreground#BBBBBB
  • statusBarItem.remoteBackground#16825D
  • statusBarItem.remoteForeground#FFF
  • tab.lastPinnedBorder#ccc3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.comment#546E7Aitalic
constant.character.escape#B2CCD6
entity.name.type.class, entity.other.inherited-class, meta.class entity.name.type.class, entity.name.type.interface#4EC9B0bold
support.class.promise#FFCB6B
entity.name.function, support.function, meta.function-call.generic, meta.qualified_type entity.name.type, entity.name.type.parameter#82AAFF
meta.function-call.arguments, meta.object-literal.key, meta.object-literal.key string.quoted#B2CCD6
entity.name.type.template, meta.declaration.type.alias, meta.declaration.type.alias meta.parens, meta.template.definition meta.qualified_type entity.name.type, meta.template.call meta.qualified_type entity.name.type, meta.parameter.object-binding-pattern variable.parameter, meta.template.expression variable.other#B2CCD6
markup.bold#f07178bold
markup.bold markup.italic, markup.italic markup.bold#f07178bold italic
markup.inline.raw.string#C792EA
markup.italic#82AAFFitalic
markup.underline.link, variable.other.link.underline#B2CCD6underline
meta.block, meta.body, meta.bracket, meta.jsx.children, meta.paragraph, meta.parens, meta.scope#d4d4d4
keyword.operator, keyword.other.delete, storage.modifier.pointer, entity.name.tag, entity.other.attribute-name.id#f07178
variable.language, variable.parameter.function.language.special#FF5370italic bold
variable.other.property, variable.other.object.property, meta.property-list, meta.property-name#C792EA
variable.other.object, variable.other.constant.object, variable.other.readwrite.alias#FFCB6B
meta.property-list meta.property-value support.constant, meta.property-list meta.property-value support.function, support.constant.property-value, entity.other.attribute.noreturn#C792EA
punctuation.definition.comment#546E7Aitalic
constant.character.escape#B2CCD6
entity.name.type.class, entity.other.inherited-class, meta.class entity.name.type.class, entity.name.type.interface#4EC9B0bold
support.class.promise#FFCB6B
entity.name.function, support.function, meta.function-call.generic, meta.qualified_type entity.name.type, entity.name.type.parameter#82AAFF
meta.function-call.arguments, meta.object-literal.key, meta.object-literal.key string.quoted#B2CCD6
entity.name.type.template, meta.declaration.type.alias, meta.declaration.type.alias meta.parens, meta.template.definition meta.qualified_type entity.name.type, meta.template.call meta.qualified_type entity.name.type, meta.parameter.object-binding-pattern variable.parameter, meta.template.expression variable.other#B2CCD6
markup.bold#f07178bold
markup.bold markup.italic, markup.italic markup.bold#f07178bold italic
markup.inline.raw.string#C792EA
markup.italic#82AAFFitalic
markup.underline.link, variable.other.link.underline#B2CCD6underline
meta.block, meta.body, meta.bracket, meta.jsx.children, meta.paragraph, meta.parens, meta.scope#d4d4d4
keyword.operator, keyword.other.delete, storage.modifier.pointer, entity.name.tag, entity.other.attribute-name.id#f07178
variable.language, variable.parameter.function.language.special#FF5370italic bold
variable.other.property, variable.other.object.property, meta.property-list, meta.property-name#C792EA
variable.other.object, variable.other.constant.object, variable.other.readwrite.alias#FFCB6B
meta.property-list meta.property-value support.constant, meta.property-list meta.property-value support.function, support.constant.property-value, entity.other.attribute.noreturn#C792EA
comment.block, comment.documentation, comment.line, comment.typehint, comment.unbuffered#546E7Aitalic
constant.character, constant.enum, constant.keyword, constant.language, constant.name, constant.numeric, constant.other, constant.others, constant.sha, constant.string, constant.variable#F78C6C
entity.alias, entity.global, entity.name, entity.namespace, entity.other, entity.scope#FFCB6B
heading.1, heading.2, heading.3, heading.4, heading.5, heading.6#C3E88D
invalid.character, invalid.deprecated, invalid.illeagal, invalid.illegal#FF5370bold
keyword.annotation, keyword.channel, keyword.codetag, keyword.command, keyword.const, keyword.control, keyword.format, keyword.function, keyword.generator, keyword.illegal, keyword.import, keyword.interface, keyword.map, keyword.module, keyword.operator, keyword.other, keyword.package, keyword.preprocessor, keyword.query, keyword.reserved, keyword.struct, keyword.symbol, keyword.type, keyword.typealias, keyword.var#C792EA
markup.bold, markup.changed, markup.deleted, markup.fenced_code, markup.heading, markup.inline, markup.inserted, markup.italic, markup.list, markup.quote, markup.raw, markup.underline#C3E88D
meta.alter, meta.angle-brackets, meta.arguments, meta.argument-type, meta.array, meta.array-binding-pattern-variable, meta.arrow, meta.asm, meta.assertion, meta.at-rule, meta.attribute, meta.attribute-selector, meta.attribute-with-value, meta.backreference, meta.banner, meta.block, meta.block-mapping, meta.body, meta.brace, meta.bracket, meta.bracketed, meta.case, meta.catch, meta.character, meta.class, meta.class-struct-block, meta.closure, meta.commit-command, meta.commit-message, meta.conditional, meta.content, meta.control, meta.create, meta.declaration, meta.decorator, meta.definition, meta.delimiter, meta.diff, meta.directive, meta.divider, meta.drop, meta.embedded, meta.encoding, meta.enum, meta.enum-case, meta.environment-variable, meta.evaluation, meta.even-tab, meta.example, meta.export, meta.expression, meta.extern-block, meta.feature-query, meta.field, meta.finally, meta.first-class, meta.flow-mapping, meta.flow-pair, meta.flow-sequence, meta.format, meta.fstring, meta.function, meta.function-call, meta.function-result, meta.function-with-body, meta.generic-argument-clause, meta.generic-parameter-clause, meta.generic-parameter-constraint, meta.generic-where-clause, meta.group, meta.hashtable, meta.head, meta.header, meta.herestring, meta.id-with-protocol, meta.image, meta.implementation, meta.import, meta.import-equals, meta.include, meta.indexer, meta.inheritance-clause, meta.inheritance-list, meta.inherited-class, meta.initialization, meta.inner-class, meta.interface, meta.interface-or-protocol, meta.internalsubset, meta.interpolation, meta.item-access, meta.lambda, meta.lambda-function, meta.link, meta.map, meta.member, meta.metadata, meta.method, meta.method-call, meta.module, meta.named, meta.namespace, meta.namespace-block, meta.object, meta.object-binding-pattern-variable, meta.objectliteral, meta.object-literal, meta.odd-tab, meta.other, meta.package, meta.paragraph, meta.parameter, meta.parameter-clause, meta.parameters, meta.paramter, meta.parens, meta.path, meta.preprocessor, meta.prompt, meta.property, meta.property-list, meta.property-name, meta.property-with-attributes, meta.protocol-list, meta.qualified_type, meta.quoted-expression, meta.ratio, meta.require, meta.requires, meta.resultBlock, meta.resultLine, meta.resultLinePrefix, meta.return, meta.return-type, meta.scope, meta.scope-resolution, meta.scriptblock, meta.section, meta.selector, meta.separator, meta.set, meta.static_assert, meta.structure, meta.subscript-expression, meta.switch-statement, meta.symbol, meta.syntax, meta.tag, meta.tail, meta.template, meta.throwables, meta.toc-list, meta.trait, meta.try, meta.type, meta.type_params, meta.typehint, meta.type-name, meta.use, meta.using-namespace, meta.using-namespace-declaration, meta.var, meta.variable, meta.var-single-variable, meta.vector#FFCB6B
markup.bold, markup.changed, markup.deleted, markup.fenced_code, markup.heading, markup.inline, markup.inserted, markup.italic, markup.list, markup.quote, markup.raw, markup.underline#C3E88D
punctuation.access, punctuation.accessor, punctuation.bracket, punctuation.catch, punctuation.character, punctuation.comment, punctuation.curlybrace, punctuation.decorator, punctuation.definition, punctuation.destructuring, punctuation.other, punctuation.parenthesis, punctuation.range-based, punctuation.section, punctuation.separator, punctuation.squarebracket, punctuation.support, punctuation.terminator, punctuation.tilde, punctuation.vararg-ellipses, punctuation.whitespace#89DDFF
storage.class, storage.control, storage.modifier, storage.type#C792EA
string.comment, string.interpolated, string.json, string.other, string.quoted, string.regexp, string.template, string.unquoted, string.url#C3E88D
support.class, support.constant, support.function, support.other, support.type, support.variable#B2CCD6
variable.argument, variable.assignment, variable.control, variable.font-feature, variable.function, variable.interpolation, variable.language, variable.legacy, variable.object, variable.other, variable.parameter#57c3d1
punctuation.definition.comment#546E7Aitalic
constant.character.escape#B2CCD6
entity.name.type.class, entity.other.inherited-class, meta.class entity.name.type.class, entity.name.type.interface#4EC9B0bold
support.class.promise#FFCB6B
entity.name.function, support.function, meta.function-call.generic, meta.qualified_type entity.name.type, entity.name.type.parameter#82AAFF
meta.function-call.arguments, meta.object-literal.key, meta.object-literal.key string.quoted#B2CCD6
entity.name.type.template, meta.declaration.type.alias, meta.declaration.type.alias meta.parens, meta.template.definition meta.qualified_type entity.name.type, meta.template.call meta.qualified_type entity.name.type, meta.parameter.object-binding-pattern variable.parameter, meta.template.expression variable.other#B2CCD6
markup.bold#f07178bold
markup.bold markup.italic, markup.italic markup.bold#f07178bold italic
markup.inline.raw.string#C792EA
markup.italic#82AAFFitalic
markup.underline.link, variable.other.link.underline#B2CCD6underline
meta.block, meta.body, meta.bracket, meta.jsx.children, meta.paragraph, meta.parens, meta.scope#d4d4d4
keyword.operator, keyword.other.delete, storage.modifier.pointer, entity.name.tag, entity.other.attribute-name.id#f07178
variable.language, variable.parameter.function.language.special#FF5370italic bold
variable.other.property, variable.other.object.property, meta.property-list, meta.property-name#C792EA
variable.other.object, variable.other.constant.object, variable.other.readwrite.alias#FFCB6B
meta.property-list meta.property-value support.constant, meta.property-list meta.property-value support.function, support.constant.property-value, entity.other.attribute.noreturn#C792EA
comment.block, comment.documentation, comment.line, comment.typehint, comment.unbuffered#546E7Aitalic
constant.character, constant.enum, constant.keyword, constant.language, constant.name, constant.numeric, constant.other, constant.others, constant.sha, constant.string, constant.variable#F78C6C
entity.alias, entity.global, entity.name, entity.namespace, entity.other, entity.scope#FFCB6B
heading.1, heading.2, heading.3, heading.4, heading.5, heading.6#C3E88D
invalid.character, invalid.deprecated, invalid.illeagal, invalid.illegal#FF5370bold
keyword.annotation, keyword.channel, keyword.codetag, keyword.command, keyword.const, keyword.control, keyword.format, keyword.function, keyword.generator, keyword.illegal, keyword.import, keyword.interface, keyword.map, keyword.module, keyword.operator, keyword.other, keyword.package, keyword.preprocessor, keyword.query, keyword.reserved, keyword.struct, keyword.symbol, keyword.type, keyword.typealias, keyword.var#C792EA
markup.bold, markup.changed, markup.deleted, markup.fenced_code, markup.heading, markup.inline, markup.inserted, markup.italic, markup.list, markup.quote, markup.raw, markup.underline#C3E88D
meta.alter, meta.angle-brackets, meta.arguments, meta.argument-type, meta.array, meta.array-binding-pattern-variable, meta.arrow, meta.asm, meta.assertion, meta.at-rule, meta.attribute, meta.attribute-selector, meta.attribute-with-value, meta.backreference, meta.banner, meta.block, meta.block-mapping, meta.body, meta.brace, meta.bracket, meta.bracketed, meta.case, meta.catch, meta.character, meta.class, meta.class-struct-block, meta.closure, meta.commit-command, meta.commit-message, meta.conditional, meta.content, meta.control, meta.create, meta.declaration, meta.decorator, meta.definition, meta.delimiter, meta.diff, meta.directive, meta.divider, meta.drop, meta.embedded, meta.encoding, meta.enum, meta.enum-case, meta.environment-variable, meta.evaluation, meta.even-tab, meta.example, meta.export, meta.expression, meta.extern-block, meta.feature-query, meta.field, meta.finally, meta.first-class, meta.flow-mapping, meta.flow-pair, meta.flow-sequence, meta.format, meta.fstring, meta.function, meta.function-call, meta.function-result, meta.function-with-body, meta.generic-argument-clause, meta.generic-parameter-clause, meta.generic-parameter-constraint, meta.generic-where-clause, meta.group, meta.hashtable, meta.head, meta.header, meta.herestring, meta.id-with-protocol, meta.image, meta.implementation, meta.import, meta.import-equals, meta.include, meta.indexer, meta.inheritance-clause, meta.inheritance-list, meta.inherited-class, meta.initialization, meta.inner-class, meta.interface, meta.interface-or-protocol, meta.internalsubset, meta.interpolation, meta.item-access, meta.lambda, meta.lambda-function, meta.link, meta.map, meta.member, meta.metadata, meta.method, meta.method-call, meta.module, meta.named, meta.namespace, meta.namespace-block, meta.object, meta.object-binding-pattern-variable, meta.objectliteral, meta.object-literal, meta.odd-tab, meta.other, meta.package, meta.paragraph, meta.parameter, meta.parameter-clause, meta.parameters, meta.paramter, meta.parens, meta.path, meta.preprocessor, meta.prompt, meta.property, meta.property-list, meta.property-name, meta.property-with-attributes, meta.protocol-list, meta.qualified_type, meta.quoted-expression, meta.ratio, meta.require, meta.requires, meta.resultBlock, meta.resultLine, meta.resultLinePrefix, meta.return, meta.return-type, meta.scope, meta.scope-resolution, meta.scriptblock, meta.section, meta.selector, meta.separator, meta.set, meta.static_assert, meta.structure, meta.subscript-expression, meta.switch-statement, meta.symbol, meta.syntax, meta.tag, meta.tail, meta.template, meta.throwables, meta.toc-list, meta.trait, meta.try, meta.type, meta.type_params, meta.typehint, meta.type-name, meta.use, meta.using-namespace, meta.using-namespace-declaration, meta.var, meta.variable, meta.var-single-variable, meta.vector#FFCB6B
markup.bold, markup.changed, markup.deleted, markup.fenced_code, markup.heading, markup.inline, markup.inserted, markup.italic, markup.list, markup.quote, markup.raw, markup.underline#C3E88D
punctuation.access, punctuation.accessor, punctuation.bracket, punctuation.catch, punctuation.character, punctuation.comment, punctuation.curlybrace, punctuation.decorator, punctuation.definition, punctuation.destructuring, punctuation.other, punctuation.parenthesis, punctuation.range-based, punctuation.section, punctuation.separator, punctuation.squarebracket, punctuation.support, punctuation.terminator, punctuation.tilde, punctuation.vararg-ellipses, punctuation.whitespace#89DDFF
storage.class, storage.control, storage.modifier, storage.type#C792EA
string.comment, string.interpolated, string.json, string.other, string.quoted, string.regexp, string.template, string.unquoted, string.url#C3E88D
support.class, support.constant, support.function, support.other, support.type, support.variable#B2CCD6
variable.argument, variable.assignment, variable.control, variable.font-feature, variable.function, variable.interpolation, variable.language, variable.legacy, variable.object, variable.other, variable.parameter#57c3d1

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...