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.background#202020
  • activityBar.foreground#80FF00
  • activityBarBadge.background#202020
  • activityBarBadge.foreground#EEFFFF
  • badge.background#202020
  • badge.foreground#EEFFFF
  • button.background#404040
  • button.secondaryBackground#202020
  • checkbox.background#202020
  • checkbox.selectBackground#202020
  • dropdown.background#202020
  • dropdown.listBackground#202020
  • editor.background#202020
  • editor.selectionBackground#00FFFF
  • editor.selectionForeground#000000
  • editorBracketMatch.background#404040
  • editorCursor.foreground#80FF00
  • editorGutter.addedBackground#404040
  • editorGutter.background#1A1A1A
  • editorGutter.modifiedBackground#404040
  • editorIndentGuide.activeBackground1#808080
  • editorIndentGuide.background1#404040
  • editorLineNumber.foreground#606060
  • editorRuler.foreground#606060
  • editorWidget.background#202020
  • foreground#EEFFFF
  • input.background#202020
  • menu.background#202020
  • radio.activeBackground#202020
  • radio.inactiveBackground#202020
  • sideBar.background#202020
  • sideBarTitle.foreground#BBBBBB
  • statusBar.background#202020
  • statusBar.noFolderBackground#202020
  • textBlockQuote.border#FF00FF
  • titleBar.activeBackground#202020
  • titleBar.inactiveBackground#202020

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#D4D4D4
emphasisitalic
strongbold
header#000080
comment#6A9955
constant.language#0099FF
constant.numeric, entity.name.operator.custom-literal.number, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#B5CEA8
constant.regexp#646695
entity.name.tag#0099FF
entity.name.tag.css#D7BA7D
entity.other.attribute-name#9CDCFE
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#D7BA7D
invalid#F44747
markup.underlineunderline
markup.bold#0099FFbold
markup.heading#0099FFbold
markup.italicitalic
markup.inserted#B5CEA8
markup.deleted#CE9178
markup.changed#0099FF
punctuation.definition.quote.begin.markdown#6A9955
punctuation.definition.list.begin.markdown#6796E6
markup.inline.raw#CE9178
punctuation.definition.tag#808080
meta.preprocessor, entity.name.function.preprocessor#0099FF
meta.preprocessor.string#CE9178
meta.preprocessor.numeric#B5CEA8
meta.structure.dictionary.key.python#9CDCFE
meta.diff.header#0099FF
storage#0099FF
storage.type#0099FF
storage.modifier, keyword.operator.noexcept#0099FF
string, entity.name.operator.custom-literal.string, meta.embedded.assembly#CE9178
string.tag#CE9178
string.value#CE9178
string.regexp#D16969
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#0099FF
meta.template.expression#D4D4D4
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded#9CDCFE
keyword#0099FF
keyword.control#0099FF
keyword.operator#D4D4D4
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike#0099FF
keyword.other.unit#B5CEA8
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#0099FF
support.function.git-rebase#9CDCFE
constant.sha.git-rebase#B5CEA8
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#D4D4D4
variable.language#0099FF
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#DCDCAA
meta.return-type, support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, 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#7FFF00
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#7FFF00
keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator#FF3300
variable, meta.definition.variable.name, support.variable, entity.name.variable#9CDCFE
variable.other.constant, variable.other.enummember#51B6C4
meta.object-literal.key#9CDCFE
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#CE9178
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#CE9178
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#D16969
keyword.operator.or.regexp, keyword.control.anchor.regexp#DCDCAA
keyword.operator.quantifier.regexp#D7BA7D
constant.character#0099FF
constant.character.escape#D7BA7D
entity.name.label#C8C8C8
comment#808080
punctuation.definition.comment#808080
string#FFCC99
meta.embedded.assembly#00C78B
keyword - keyword.operator#9400D3
keyword.control#9400D3
storage#9400D3
storage.type#9400D3
constant.numeric#FF9900
entity.name.type#7FFF00
entity.name.class#7FFF00
support.type#7FFF00
support.class#7FFF00
entity.name.function#008000
support.function#008000
variable#00FFFF
entity.name.variable#00FFFF
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6