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.activeBorder#eed546
  • activityBar.background#090c13
  • activityBar.foreground#eed546
  • activityBar.inactiveForeground#dfdfdf
  • activityBarBadge.background#eed546
  • activityBarBadge.foreground#090c13
  • badge.background#eed546
  • button.background#090c13
  • button.foreground#dfdfdf
  • dropdown.background#eeeeee
  • dropdown.listBackground#eeeeee
  • editor.background#eeeeee
  • editor.foreground#090c13
  • editor.selectionBackground#5c5f86
  • editorGroupHeader.tabsBackground#dfdfdf
  • editorWidget.background#dfdfdf
  • editorWidget.foreground#090c13
  • focusBorder#dfddd3
  • foreground#090c13
  • input.background#dfdfdf
  • input.border#090c13
  • list.activeSelectionBackground#dfddd3
  • list.activeSelectionForeground#090c13
  • list.hoverBackground#dfdfdf
  • list.inactiveSelectionBackground#dfddd3
  • list.inactiveSelectionForeground#090c13
  • menu.background#dfdfdf
  • menu.selectionBackground#eeeeee
  • menu.selectionForeground#090c13
  • notifications.background#dfdfdf
  • notifications.foreground#090c13
  • peekView.border#090c13
  • peekViewEditor.background#dddddd
  • peekViewResult.background#ebebeb
  • peekViewTitle.background#dfdfdf
  • selection.background#5c5f86
  • settings.rowHoverBackground#dfdfdf
  • sideBar.background#eeeeee
  • sideBar.border#dfdfdf
  • sideBarSectionHeader.background#dfdfdf
  • sideBarTitle.foreground#090c13
  • statusBar.background#eed546
  • statusBar.debuggingBackground#eed546
  • statusBar.foreground#090c13
  • statusBar.noFolderBackground#eed546
  • tab.activeBackground#dfddd3
  • tab.activeForeground#090c13
  • tab.inactiveBackground#eeeeee
  • tab.inactiveForeground#090c13
  • titleBar.activeBackground#090c13
  • titleBar.activeForeground#dfdfdf
  • titleBar.inactiveBackground#090c13
  • titleBar.inactiveForeground#dfdfdf

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, source comment.block.documentation meta.tag string.quoted.double, source comment.block.documentation meta.tag string.quoted.double punctuation.definition.string, source comment.block.documentation meta.tag entity.name.tag entity.name.tag, source comment.block.documentation meta.tag punctuation.definition.tag, source comment.block.documentation meta.tag entity.other.attribute-name entity.other.attribute-name, source comment.block.documentation meta.tag punctuation#008a0b
meta.preprocessor.cs, keyword.preprocessor#553394
string.quoted.raw#0f9ed6
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#a729a5
variable.other.generic-type.haskell#0455cf
storage.type.haskell#4a575f
support.variable.magic.python#a729a5
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#a729a5
variable.parameter.function.language.special.self.python#9e7110
variable.parameter.function.language.special.cls.python#9e7110
storage.modifier.lifetime.rust#a729a5
support.function.std.rust#2377f5
entity.name.lifetime.rust#9e7110
variable.language.rust#a729a5
support.constant.edge#0455cf
constant.other.character-class.regexp#a729a5
keyword.operator.quantifier.regexp#4a575f
variable.parameter.function#a729a5
comment markup.link#5c6370
markup.changed.diff#9e7110
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#2377f5
markup.inserted.diff#ff9ee2
markup.deleted.diff#a729a5
meta.function.c,meta.function.cpp#a729a5
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#a729a5
punctuation.separator.key-value#a729a5
keyword.operator.expression.import#2377f5
support.constant.math#9e7110
support.constant.property.math#4a575f
variable.other.constant#9e7110
storage.type.annotation.java, storage.type.object.array.java#9e7110
source.java#a729a5
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#a729a5
meta.method.java#2377f5
storage.modifier.import.java,storage.type.java,storage.type.generic.java#9e7110
keyword.operator.instanceof.java#0455cf
meta.definition.variable.name.java#a729a5
keyword.operator.logical#4a575f
keyword.operator.bitwise#4a575f
keyword.operator.channel#4a575f
support.constant.property-value.scss,support.constant.property-value.css#4a575f
keyword.operator.css,keyword.operator.scss,keyword.operator.less#4a575f
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#4a575f
punctuation.separator.list.comma.css#a729a5
support.constant.color.w3c-standard-color-name.css#4a575f
support.type.vendored.property-name.css#4a575f
support.module.node,support.type.object.module,support.module.node#9e7110
entity.name.type.module#9e7110
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#a729a5
support.constant.json#4a575f
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#0455cf
support.type.object.console#a729a5
support.variable.property.process#4a575f
entity.name.function,support.function.console#2377f5
keyword.operator.misc.rust#a729a5
keyword.operator.sigil.rust#0455cf
keyword.operator.delete#0455cf
support.type.object.dom#4a575f
support.variable.dom,support.variable.property.dom#a729a5
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#4a575f
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#0455cf
punctuation.separator.delimiter#a729a5
punctuation.separator.c,punctuation.separator.cpp#0455cf
support.type.posix-reserved.c,support.type.posix-reserved.cpp#4a575f
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#0455cf
variable.parameter.function.language.python#4a575f
support.type.python#4a575f
keyword.operator.logical.python#0455cf
variable.parameter.function.python#4a575f
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#a729a5
meta.function-call.generic.python#2377f5
constant.character.format.placeholder.other.python#4a575f
keyword.operator#a729a5
keyword.operator.assignment.compound#0455cf
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#4a575f
keyword#0455cf
entity.name.namespace#9e7110
variable#a729a5
variable.c#a729a5
variable.language#9e7110
token.variable.parameter.java#a729a5
import.storage.java#9e7110
token.package.keyword#0455cf
token.package#a729a5
entity.name.function, meta.require, support.function.any-method, variable.function#2377f5
entity.name.type.namespace#9e7110
support.class, entity.name.type.class#9e7110
entity.name.class.identifier.namespace.type#9e7110
entity.name.class, variable.other.class.js, variable.other.class.ts#9e7110
variable.other.class.php#a729a5
entity.name.type#9e7110
keyword.control#0455cf
control.elements, keyword.operator.less#4a575f
keyword.other.special-method#2377f5
storage#0455cf
token.storage#0455cf
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#0455cf
token.storage.type.java#9e7110
support.function#4a575f
support.type.property-name#a729a5
support.constant.property-value#a729a5
support.constant.font-name#4a575f
meta.tag#9e7110
string#000000
constant.other.symbol#4a575f
constant.numeric#4a575f
constant#4a575f
punctuation.definition.constant#4a575f
entity.name.tag#9e7110
entity.other.attribute-name#4a575f
entity.other.attribute-name.id#2377f5normal
entity.other.attribute-name.class.css#4a575fnormal
meta.selector#0455cf
markup.heading#a729a5
markup.heading punctuation.definition.heading, entity.name.section#2377f5
keyword.other.unit#a729a5
markup.bold,todo.bold#4a575f
punctuation.definition.bold#9e7110
markup.italic, punctuation.definition.italic,todo.emphasis#0455cf
emphasis md#0455cf
entity.name.section.markdown#a729a5
punctuation.definition.heading.markdown#a729a5
punctuation.definition.list.begin.markdown#9e7110
markup.heading.setext#a729a5
punctuation.definition.bold.markdown#4a575f
markup.inline.raw.markdown#ff9ee2
markup.inline.raw.string.markdown#ff9ee2
punctuation.definition.raw.markdown#9e7110
punctuation.definition.list.markdown#9e7110
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#a729a5
beginning.punctuation.definition.list.markdown#a729a5
punctuation.definition.metadata.markdown#a729a5
markup.underline.link.markdown,markup.underline.link.image.markdown#0455cf
string.other.link.title.markdown,string.other.link.description.markdown#2377f5
markup.raw.monospace.asciidoc#ff9ee2
punctuation.definition.asciidoc#9e7110
markup.list.asciidoc#9e7110
markup.link.asciidoc,markup.other.url.asciidoc#0455cf
string.unquoted.asciidoc,markup.other.url.asciidoc#2377f5
string.regexp#4a575f
constant.character.escape#4a575f
punctuation.section.embedded, variable.interpolation#a729a5
punctuation.section.embedded.begin,punctuation.section.embedded.end#0455cf
invalid.illegal#000000
invalid.illegal.bad-ampersand.html#a729a5
invalid.broken#000000
invalid.deprecated#000000
invalid.unimplemented#000000
source.json meta.structure.dictionary.json > string.quoted.json#a729a5
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#a729a5
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#ff9ee2
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#4a575f
support.type.property-name.json#a729a5
support.type.property-name.json punctuation#a729a5
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#0455cf
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#0455cf
support.other.namespace.use.php,support.other.namespace.use-as.php,entity.other.alias.php,meta.interface.php#9e7110
keyword.operator.error-control.php#0455cf
keyword.operator.type.php#0455cf
punctuation.section.array.begin.php#a729a5
punctuation.section.array.end.php#a729a5
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#9e7110
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#2377f5
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#a729a5
support.constant.core.rust#4a575f
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#4a575f
entity.name.goto-label.php,support.other.php#2377f5
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#4a575f
keyword.operator.regexp.php#0455cf
keyword.operator.comparison.php#4a575f
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#0455cf
meta.function.decorator.python#2377f5
support.token.decorator.python,meta.function.decorator.identifier.python#4a575f
function.parameter#b600b6
function.brace#a729a5
function.parameter.ruby, function.parameter.cs#a729a5
constant.language.symbol.ruby#4a575f
rgb-value#4a575f
inline-color-decoration rgb-value#4a575f
less rgb-value#4a575f
selector.sass#a729a5
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#9e7110
block.scope.end,block.scope.begin#a729a5
storage.type.cs#9e7110
entity.name.variable.local.cs#a729a5
token.info-token#2377f5
token.warn-token#4a575f
token.error-token#f44747
token.debug-token#0455cf
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#0455cf
meta.template.expression#a729a5
keyword.operator.module#0455cf
support.type.type.flowtype#2377f5
support.type.primitive#9e7110
meta.property.object#a729a5
variable.parameter.function.js#a729a5
keyword.other.template.begin#ff9ee2
keyword.other.template.end#ff9ee2
keyword.other.substitution.begin#ff9ee2
keyword.other.substitution.end#ff9ee2
keyword.operator.assignment#4a575f
keyword.operator.assignment.go#9e7110
keyword.operator.arithmetic.go, keyword.operator.address.go#0455cf
entity.name.package.go#9e7110
support.type.prelude.elm#4a575f
support.constant.elm#4a575f
punctuation.quasi.element#0455cf
constant.character.entity#a729a5
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#4a575f
entity.global.clojure#9e7110
meta.symbol.clojure#a729a5
constant.keyword.clojure#4a575f
meta.arguments.coffee, variable.parameter.function.coffee#a729a5
source.ini#ff9ee2
meta.scope.prerequisites.makefile#a729a5
source.makefile#9e7110
storage.modifier.import.groovy#9e7110
meta.method.groovy#2377f5
meta.definition.variable.name.groovy#a729a5
meta.definition.class.inherited.classes.groovy#ff9ee2
support.variable.semantic.hlsl#9e7110
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#0455cf
text.variable, text.bracketed#a729a5
support.type.swift, support.type.vb.asp#9e7110
entity.name.function.xi#9e7110
entity.name.class.xi#4a575f
constant.character.character-class.regexp.xi#a729a5
constant.regexp.xi#0455cf
keyword.control.xi#4a575f
invalid.xi#a729a5
beginning.punctuation.definition.quote.markdown.xi#ff9ee2
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#2377f5
accent.xi#2377f5
wikiword.xi#4a575f
constant.other.color.rgb-value.xi#000000
punctuation.definition.tag.xi#5c6370
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#9e7110
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#a729a5
meta.brace.square#a729a5
markup.quote.markdown#5c6370
punctuation.definition.block.sequence.item.yaml#a729a5
constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir#4a575f
entity.name.variable.parameter.cs#9e7110
entity.name.variable.field.cs#a729a5
markup.deleted#a729a5
markup.inserted#ff9ee2
markup.underlineunderline
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#BE5046
support.other.namespace.php#a729a5
variable.other.object#a729a5
variable.other.constant.property#a729a5
entity.other.inherited-class#9e7110