Skip to main content
CodingTheme

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#000000
  • activityBar.border#444444
  • activityBarBadge.background#007acc
  • editor.background#000000
  • editor.findMatchBackground#294f8477
  • editor.foreground#d4d4d4
  • editor.inactiveSelectionBackground#3a3d4193
  • editor.selectionHighlightBackground#add6ff26
  • editorGroupHeader.tabsBackground#000000
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • input.placeholderForeground#a6a6a6
  • list.dropBackground#383b3d
  • menu.background#000000
  • menu.foreground#cccccc
  • settings.numberInputBackground#292929
  • settings.textInputBackground#292929
  • sideBar.background#000000
  • sideBar.border#444444
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#000000
  • tab.activeBackground#000000
  • tab.activeBorder#0076bf
  • tab.activeBorderTop#0076bf
  • tab.border#000000
  • tab.inactiveBackground#44444494
  • titleBar.activeBackground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, meta.template.expression, storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java, meta.definition.variable.name, entity.name.variable, meta.object-literal.key, variable.other.member, variable.other.property, variable.parameter.name.nix, source#d4d4d4
variable.other.readwrite#d4d4d4italic
emphasis, markup.italicitalic
strong, keyword.other.preprocessorbold
header#000080
punctuation.definition.quote.begin.markdown#6a9955
constant.numeric, markup.inserted, meta.preprocessor.numeric, keyword.other.unit, constant.sha.git-rebase, keyword.operator.prefix.minus#b5cea8
constant.regexp#646695
entity.name.tag, meta.diff.header, storage, storage.modifier, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.instanceof, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, variable.other.member.wildcard.haskell, variable.language, keyword, modifier#cc524b
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss, keyword.operator.quantifier.regexp, constant.character.escape#d7ba7d
meta.structure.dictionary.key.python, variable.css, variable.scss, variable.other.less, source.coffee.embedded, support.function.git-rebase#9cdcfe
markup.underlineunderline
markup.bold, markup.heading#569cd6bold
markup.deleted, markup.inline.raw, meta.preprocessor.string, string, string.tag, string.value, support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color, punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp, constant.character, string.quoted, punctuation.definition.string#ce9178
markup.changed, storage.type, support.type, keyword.type, entity.name.type#569cd6
punctuation.definition.list.begin.markdown, token.info-token#6796e6
punctuation.definition.tag#808080
string.regexp, constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#d16969
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, keyword.control, keyword.import, keyword.other.import, keyword.operator.pipe.haskell, entity.name.function.member.agda, meta.block.hcl, entity.name.type.hcl#c586c0
support.function, support.constant.handlebars, keyword.operator.or.regexp, keyword.control.anchor.regexp, punctuation, meta.brace, meta.delimiter, meta.bracket, meta.function-call, entity.name.function, meta.definition.method, meta.method, meta.method-call#dcdcaa
meta.return-type, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy, meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#4ec9b0
variable.parameter#93ceee
comment, punctuation.whitespace.comment, punctuation.definition.comment#7e6b5f
constant, meta.record punctuation.brace, keyword.operator.infix.tight.at, keyword.operator.colon, variable.other.enummember, variable.other.constant#cca143
constant.language#53a5e9
constant.character.escape, punctuation.quasi.element, punctuation.definition.template-expression, punctuation.section.embedded, storage.type.format, constant.other.placeholder, variable.interpolation, meta.quasi-quotation#ccc370
keyword.other.debugger#ea6279
keyword.operator.double-colon, keyword.operator.arrow, keyword.operator.big-arrow, keyword.operator.period, keyword.operator.eq, keyword.operator.assignment, keyword.operator.pipe, keyword.operator.double-dot, keyword.operator.lambda, keyword.operator.prefix#cc524bbold
keyword.operator.prefix.at#b3ddf5
keyword.operator.prefix.hash, entity.name.label, constant.other.label#8bbbc2
keyword.operator.postfix.hash, keyword.operator.hash#9099a7
keyword.operator.period#cc524bbold italic
keyword.other.forall#cc524bitalic
invalid, token.error-token#f44747
meta.function.type-declaration#a3d349
entity.name, meta.other.unknown, punctuation.decorator, keyword.operator.promotion, keyword.operator, keyword.operator.logical.python, keyword.operator.function.infix, punctuation.backtick#96b946
entity.other.attribute-name, entity.other.attribute-name.multipart.nix, variable.other.readwrite.terraform, variable.other.readwrite.hcl, support.type.vendored.property-name, support.type.property-name, entity.name.tag.yaml#87a37d
meta.import, storage.modifier.import.groovy, entity.name.namespace, meta.declaration.module, support.module, support.node, support.other.module, support.type.object.module, entity.name.type.module, entity.name.type.class.module, keyword.control.module, entity.name.import.go, entity.name.type.package#73a36c
meta.preprocessor, keyword.other.preprocessor, punctuation.definition.preprocessor, entity.name.function.preprocessor#9b84da
keyword.other.preprocessor.extension
entity.name.type.class, support.class, entity.name.class, entity.other.inherited-class, storage.class, entity.name.type.struct#7daea3
heading.1.markdown, markup.heading.setext.1.markdown#ea6962bold
heading.2.markdown, markup.heading.setext.2.markdown#e78a4ebold
heading.3.markdown#d8a657bold
heading.4.markdown#a9b665bold
heading.5.markdown#7daea3bold
heading.6.markdown#d3869bbold
punctuation.definition.heading.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.italic.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.metadata.markdown, punctuation.separator.key-value.markdown, punctuation.definition.constant.markdown, punctuation.definition.bold.markdown, punctuation.definition.function.latex, punctuation.definition.function.tex, punctuation.definition.keyword.latex, constant.character.newline.tex, punctuation.definition.keyword.tex, punctuation.separator.namespace.xml#928374
string.other.link.title.markdown, constant.other.reference.link.markdown, string.other.link.description.markdown, keyword.control.preamble.latex, variable.language.documentroot.xml, meta.tag.sgml.doctype.xml, string.unquoted.path#d3869b
markup.underline.link.image.markdown, markup.underline.link.markdown#a9b665underline
meta.separator.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown#928374bold
support.function.be.latex#ea6962
support.function.section.latex, keyword.control.table.cell.latex, keyword.control.table.newline.latex, entity.name.tag.html, entity.name.tag.xml, entity.name.tag.localname.xml#e78a4e
support.class.latex, variable.parameter.latex, variable.parameter.function.latex, variable.parameter.definition.label.latex, constant.other.reference.label.latex, entity.other.attribute-name.html, entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml, storage.type.proto#d8a657
string.quoted.double.html, string.quoted.single.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.separator.key-value.html, punctuation.definition.string.begin.xml, punctuation.definition.string.end.xml, string.quoted.double.xml, string.quoted.single.xml, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.xml, meta.tag.xml, meta.tag.preprocessor.xml, meta.tag.other.html, meta.tag.block.any.html, meta.tag.inline.any.html, string.quoted.double.proto.syntax, string.quoted.single.proto.syntax, string.quoted.double.proto, string.quoted.single.proto#a9b665
entity.name.class.proto, entity.name.class.message.proto#89b482
token.warn-token#cd9731
token.debug-token#b267e6

Shiki preview

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

Loading...

Lambda Black by janw4ld - VS Code Theme