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.activeBackground#0000
  • activityBar.activeBorder#0000
  • activityBar.activeFocusBorder#0000
  • activityBar.background#2a2c3d
  • activityBar.border#0000
  • activityBar.foreground#f4ebff
  • activityBar.inactiveForeground#b88bec81
  • activityBarBadge.background#292c3f
  • activityBarBadge.foreground#f4ebff
  • badge.background#292c3f
  • button.background#5a4396d3
  • button.secondaryBackground#6f4dc4d3
  • editor.background#292c3f
  • editor.foreground#d4d4d4
  • editor.lineHighlightBackground#b88bec23
  • editor.lineHighlightBorder#0000
  • editor.selectionBackground#b88bec23
  • editor.selectionHighlightBackground#b88bec23
  • editorGroupHeader.noTabsBackground#ff0000
  • editorGroupHeader.tabsBackground#2b3345
  • editorWidget.background#2a2c3d
  • focusBorder#b88bec81
  • foreground#d4d4d4
  • input.background#2a2c3d
  • list.activeSelectionBackground#453464
  • list.activeSelectionForeground#d4d4d4
  • list.focusBackground#453464
  • list.focusForeground#d4d4d4
  • list.highlightForeground#1bad81
  • list.hoverBackground#b88bec23
  • list.hoverForeground#f4ebff
  • list.inactiveSelectionBackground#3b375a6b
  • list.inactiveSelectionForeground#d4d4d4
  • menu.background#2a2c3d
  • menu.foreground#d4d4d4
  • notifications.background#2a2c3d
  • notifications.border#0000
  • notifications.foreground#d4d4d4
  • pickerGroup.foreground#1bad81
  • progressBar.background#b88bec81
  • selection.background#b88bec23
  • sideBar.background#2a2c3d
  • sideBar.border#0000
  • sideBar.foreground#d4d4d4
  • sideBarSectionHeader.background#0000
  • sideBarSectionHeader.border#0000
  • sideBarSectionHeader.foreground#d4d4d4
  • sideBarTitle.foreground#d4d4d4
  • statusBar.background#2a2c3d
  • statusBar.border#0000
  • statusBar.noFolderBackground#2a2c3d
  • statusBarItem.remoteBackground#1bad81
  • statusBarItem.remoteForeground#e57bca
  • tab.activeForeground#d4d4d4
  • tab.border#0000
  • tab.inactiveBackground#0000
  • textLink.activeForeground#1b84ad
  • textLink.foreground#1bad81
  • titleBar.activeBackground#2a2c3d
  • titleBar.activeForeground#d4d4d4
  • titleBar.inactiveBackground#30313f
  • titleBar.inactiveForeground#c4b5b5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded#1cc4d5
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison#ea5c7d
variable.other.generic-type.haskell#d46fd7
storage.type.haskell#e48852
support.variable.magic.python#ea5c7d
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#1cc4d5
variable.parameter.function.language.special.self.python#cba7dd
variable.parameter.function.language.special.cls.python#cba7dd
storage.modifier.lifetime.rust#1cc4d5
support.function.std.rust#1cc4d5
entity.name.lifetime.rust#cba7dd
variable.language.rust#ea5c7d
support.constant.edge#d46fd7
constant.other.character-class.regexp#ea5c7d
keyword.operator.word#d46fd7
keyword.operator.quantifier.regexp#e48852
variable.parameter.function#1cc4d5
comment markup.link#5c6370
markup.changed.diff#cba7dd
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#1cc4d5
markup.inserted.diff#6bcc4d
markup.deleted.diff#ea5c7d
meta.function.c,meta.function.cpp#ea5c7d
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#1cc4d5
punctuation.separator.key-value#1cc4d5
keyword.operator.expression.import#1cc4d5
support.constant.math#cba7dd
support.constant.property.math#e48852
variable.other.constant#cba7dd
storage.type.annotation.java, storage.type.object.array.java#cba7dd
source.java#ea5c7d
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#1cc4d5
meta.method.java#1cc4d5
storage.modifier.import.java,storage.type.java,storage.type.generic.java#cba7dd
keyword.operator.instanceof.java#d46fd7
meta.definition.variable.name.java#ea5c7d
keyword.operator.logical#1cc4d5
keyword.operator.bitwise#1cc4d5
keyword.operator.channel#1cc4d5
support.constant.property-value.scss,support.constant.property-value.css#e48852
keyword.operator.css,keyword.operator.scss,keyword.operator.less#1cc4d5
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#e48852
punctuation.separator.list.comma.css#1cc4d5
support.constant.color.w3c-standard-color-name.css#e48852
support.type.vendored.property-name.css#1cc4d5
support.module.node,support.type.object.module,support.module.node#cba7dd
entity.name.type.module#cba7dd
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ea5c7d
support.constant.json#e48852
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#d46fd7
support.type.object.console#ea5c7d
support.variable.property.process#e48852
entity.name.function,support.function.console#1cc4d5
keyword.operator.misc.rust#1cc4d5
keyword.operator.sigil.rust#d46fd7
keyword.operator.delete#d46fd7
support.type.object.dom#1cc4d5
support.variable.dom,support.variable.property.dom#ea5c7d
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#1cc4d5
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#d46fd7
punctuation.separator.delimiter#1cc4d5
punctuation.separator.c,punctuation.separator.cpp#d46fd7
support.type.posix-reserved.c,support.type.posix-reserved.cpp#1cc4d5
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#d46fd7
variable.parameter.function.language.python#e48852
support.type.python#1cc4d5
keyword.operator.logical.python#d46fd7
variable.parameter.function.python#e48852
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#1cc4d5
meta.function-call.generic.python#1cc4d5
constant.character.format.placeholder.other.python#e48852
keyword.operator#1cc4d5
keyword.operator.assignment.compound#d46fd7
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#1cc4d5
keyword#d46fd7
entity.name.namespace#cba7dd
variable#ea5c7d
variable.c#1cc4d5
variable.language#cba7dd
token.variable.parameter.java#1cc4d5
import.storage.java#cba7dd
token.package.keyword#d46fd7
token.package#1cc4d5
entity.name.function, meta.require, support.function.any-method, variable.function#1cc4d5
entity.name.type.namespace#cba7ddbold
support.class, entity.name.type.class#cba7dd
entity.name.class.identifier.namespace.type#cba7dd
entity.name.class, variable.other.class.js, variable.other.class.ts#cba7dd
variable.other.class.php#ea5c7d
entity.name.type#cba7dd
keyword.control#d46fd7
control.elements, keyword.operator.less#e48852
keyword.other.special-method#1cc4d5
storage#d46fd7
token.storage#d46fd7
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void#d46fd7
token.storage.type.java#cba7dd
support.function#1cc4d5
support.type.property-name#1cc4d5
support.constant.property-value#1cc4d5
support.constant.font-name#e48852
meta.tag#1cc4d5
string#6bcc4d
constant.other.symbol#1cc4d5
constant.numeric#e48852
constant#e48852
punctuation.definition.constant#e48852
entity.name.tag#ea5c7d
entity.other.attribute-name#e48852
entity.other.attribute-name.id#1cc4d5
entity.other.attribute-name.class.css#e48852
meta.selector#d46fd7
markup.heading#ea5c7d
markup.heading punctuation.definition.heading, entity.name.section#1cc4d5
keyword.other.unit#ea5c7d
markup.bold,todo.bold#e48852bold
punctuation.definition.bold#cba7dd
markup.italic, punctuation.definition.italic,todo.emphasis#d46fd7
emphasis md#d46fd7
entity.name.section.markdown#ea5c7d
punctuation.definition.heading.markdown#ea5c7d
punctuation.definition.list.begin.markdown#cba7dd
markup.heading.setext#1cc4d5
punctuation.definition.bold.markdown#e48852
markup.inline.raw.markdown#6bcc4d
markup.inline.raw.string.markdown#6bcc4d
punctuation.definition.raw.markdown#cba7dd
punctuation.definition.list.markdown#cba7dd
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ea5c7d
beginning.punctuation.definition.list.markdown#ea5c7d
punctuation.definition.metadata.markdown#ea5c7d
markup.underline.link.markdown,markup.underline.link.image.markdown#d46fd7
string.other.link.title.markdown,string.other.link.description.markdown#1cc4d5
markup.raw.monospace.asciidoc#6bcc4d
punctuation.definition.asciidoc#cba7dd
markup.list.asciidoc#cba7dd
markup.link.asciidoc,markup.other.url.asciidoc#d46fd7
string.unquoted.asciidoc,markup.other.url.asciidoc#1cc4d5
string.regexp#1cc4d5
constant.character.escape#1cc4d5
punctuation.section.embedded, variable.interpolation#ea5c7d
punctuation.section.embedded.begin,punctuation.section.embedded.end#d46fd7
invalid.illegal#d4d4d4
invalid.illegal.bad-ampersand.html#1cc4d5
invalid.broken#d4d4d4
invalid.deprecated#d4d4d4
invalid.unimplemented#d4d4d4
source.json meta.structure.dictionary.json > string.quoted.json#ea5c7d
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ea5c7d
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#6bcc4d
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#1cc4d5
support.type.property-name.json#ea5c7d
support.type.property-name.json punctuation#ea5c7d
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#d46fd7
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#d46fd7
support.other.namespace.use.php,support.other.namespace.use-as.php,entity.other.alias.php,meta.interface.php#cba7dd
keyword.operator.error-control.php#d46fd7
keyword.operator.type.php#d46fd7
punctuation.section.array.begin.php#1cc4d5
punctuation.section.array.end.php#1cc4d5
invalid.illegal.non-null-typehinted.php#ea5c7d
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#cba7dd
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#1cc4d5
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#1cc4d5
support.constant.core.rust#e48852
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#e48852
entity.name.goto-label.php,support.other.php#1cc4d5
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#1cc4d5
keyword.operator.regexp.php#d46fd7
keyword.operator.comparison.php#1cc4d5
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#d46fd7
meta.function.decorator.python#1cc4d5
support.token.decorator.python,meta.function.decorator.identifier.python#1cc4d5
function.parameter#1cc4d5
function.brace#1cc4d5
function.parameter.ruby, function.parameter.cs#1cc4d5
constant.language.symbol.ruby#1cc4d5
rgb-value#1cc4d5
inline-color-decoration rgb-value#e48852
less rgb-value#e48852
selector.sass#ea5c7d
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#cba7dd
block.scope.end,block.scope.begin#1cc4d5
storage.type.cs#cba7dd
entity.name.variable.local.cs#ea5c7d
token.info-token#1cc4d5
token.warn-token#e48852
token.error-token#ea5c7d
token.debug-token#d46fd7
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#d46fd7
meta.template.expression#1cc4d5
keyword.operator.module#d46fd7
support.type.type.flowtype#1cc4d5
support.type.primitive#cba7dd
meta.property.object#ea5c7d
variable.parameter.function.js#ea5c7d
keyword.other.template.begin#6bcc4d
keyword.other.template.end#6bcc4d
keyword.other.substitution.begin#6bcc4d
keyword.other.substitution.end#6bcc4d
keyword.operator.assignment#1cc4d5
keyword.operator.assignment.go#cba7dd
keyword.operator.arithmetic.go, keyword.operator.address.go#d46fd7
entity.name.package.go#cba7dd
support.type.prelude.elm#1cc4d5
support.constant.elm#e48852
punctuation.quasi.element#d46fd7
constant.character.entity#ea5c7d
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#1cc4d5
entity.global.clojure#cba7dd
meta.symbol.clojure#ea5c7d
constant.keyword.clojure#1cc4d5
meta.arguments.coffee, variable.parameter.function.coffee#ea5c7d
source.ini#6bcc4d
meta.scope.prerequisites.makefile#ea5c7d
source.makefile#cba7dd
storage.modifier.import.groovy#cba7dd
meta.method.groovy#1cc4d5
meta.definition.variable.name.groovy#ea5c7d
meta.definition.class.inherited.classes.groovy#6bcc4d
support.variable.semantic.hlsl#cba7dd
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl#d46fd7
text.variable, text.bracketed#ea5c7d
support.type.swift, support.type.vb.asp#cba7dd
entity.name.function.xi#cba7dd
entity.name.class.xi#1cc4d5
constant.character.character-class.regexp.xi#ea5c7d
constant.regexp.xi#d46fd7
keyword.control.xi#1cc4d5
invalid.xi#1cc4d5
beginning.punctuation.definition.quote.markdown.xi#6bcc4d
beginning.punctuation.definition.list.markdown.xi#818888
constant.character.xi#1cc4d5
accent.xi#1cc4d5
wikiword.xi#e48852
constant.other.color.rgb-value.xi#d4d4d4
punctuation.definition.tag.xi#5c6370
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#cba7dd
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ea5c7d
meta.brace.square#1cc4d5
comment, punctuation.definition.comment#818888
markup.quote.markdown#5c6370
punctuation.definition.block.sequence.item.yaml#1cc4d5
constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir#1cc4d5
entity.name.variable.parameter.cs#e57bca
entity.name.variable.field.cs#ea5c7d
markup.deleted#ea5c7d
markup.inserted#6bcc4d
markup.underlineunderline
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#ea5c7d
support.other.namespace.php#1cc4d5
variable.other.object#cba7dd
variable.other.constant.property#ea5c7d
entity.other.inherited-class#cba7dd
variable.other.readwrite.c#ea5c7d
entity.name.variable.parameter.php,punctuation.separator.colon.php,constant.other.php#1cc4d5
constant.numeric.decimal.asm.x86_64#d46fd7
markup.headingbold
markup.boldbold
entity.name.sectionbold
keyword.other.importantbold
markup.bold.markdownbold