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#ffffff
  • activityBarBadge.background#eed546
  • activityBarBadge.foreground#090c13
  • badge.background#eed546
  • badge.foreground#090c13
  • button.background#fff
  • button.foreground#090c13
  • dropdown.background#10141f
  • dropdown.listBackground#10141f
  • editor.background#10141f
  • editor.foreground#ffffff
  • editor.selectionBackground#5c5f86
  • editorGroupHeader.tabsBackground#090c13
  • editorWidget.background#090c13
  • editorWidget.foreground#ffffff
  • focusBorder#363b58
  • foreground#fff
  • input.background#090c13
  • list.activeSelectionBackground#363b58
  • list.activeSelectionForeground#ffffff
  • list.hoverBackground#090c13
  • list.inactiveSelectionBackground#363b58
  • list.inactiveSelectionForeground#ffffff
  • menu.background#090c13
  • menu.selectionBackground#10141f
  • menu.selectionForeground#fff
  • notifications.background#090c13
  • notifications.foreground#fff
  • peekView.border#eed546
  • peekViewEditor.background#101a31
  • peekViewResult.background#0c1427
  • peekViewTitle.background#10141f
  • selection.background#5c5f86
  • settings.rowHoverBackground#090c13
  • sideBar.background#10141f
  • sideBar.border#090c13
  • sideBarSectionHeader.background#090c13
  • sideBarTitle.foreground#fff
  • statusBar.background#eed546
  • statusBar.debuggingBackground#eed546
  • statusBar.foreground#090c13
  • statusBar.noFolderBackground#eed546
  • tab.activeBackground#363b58
  • tab.activeForeground#ffffff
  • tab.inactiveBackground#10141f
  • tab.inactiveForeground#b1b1b1
  • titleBar.activeBackground#090c13
  • titleBar.inactiveBackground#090c13

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