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.

  • activityBarBadge.background#5F95DE
  • editor.background#1F1F1F
  • editor.foreground#F4F4F4
  • editor.inactiveSelectionBackground#444444
  • editor.selectionHighlightBackground#444459
  • editorIndentGuide.activeBackground#5D5D7A
  • editorIndentGuide.background#444444
  • input.placeholderForeground#A4A4A4
  • list.dropBackground#343434
  • menu.background#242424
  • menu.foreground#F4F4F4
  • settings.numberInputBackground#242424
  • settings.textInputBackground#242424
  • sideBarTitle.foreground#A4A4A4
  • statusBarItem.remoteBackground#444459
  • statusBarItem.remoteForeground#F4F4F4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#E9EABE
emphasisitalic
strongbold
header#444459
comment#90AD7A
constant.language#5F95DE
constant.numeric, entity.name.operator.custom-literal.number, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#A4A4A4
constant.regexp#5D5D7A
entity.name.tag#5F95DE
entity.name.tag.css#EBB483
entity.other.attribute-name#7EC4CF
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#EBB483
invalid#F77E70
markup.underlineunderline
markup.bold#5F95DEbold
markup.heading#5F95DEbold
markup.italicitalic
markup.inserted#A4A4A4
markup.deleted#EBB483
markup.changed#5F95DE
punctuation.definition.quote.begin.markdown#90AD7A
punctuation.definition.list.begin.markdown#5F95DE
markup.inline.raw#EBB483
punctuation.definition.tag#5D5D7A
meta.preprocessor, entity.name.function.preprocessor#5F95DE
meta.preprocessor.string#EBB483
meta.preprocessor.numeric#A4A4A4
meta.structure.dictionary.key.python#93B6E6
meta.diff.header#5F95DE
storage#5F95DE
storage.type#5F95DE
storage.modifier, keyword.operator.noexcept#5F95DE
string, entity.name.operator.custom-literal.string, meta.embedded.assembly#EBB483
string.tag#EBB483
string.value#EBB483
string.regexp#F77E70
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#5F95DE
meta.template.expression#E9EABE
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded#93B6E6
keyword#5F95DE
keyword.control#5F95DE
keyword.operator#E9EABE
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#5F95DE
keyword.other.unit#A4A4A4
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#5F95DE
support.function.git-rebase#7EC4CF
constant.sha.git-rebase#A4A4A4
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#E9EABE
variable.language#5F95DE
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#E9EABE
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#7EC4CF
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#7EC4CF
keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator#C98FDE
variable, meta.definition.variable.name, support.variable, entity.name.variable#7EC4CF
meta.object-literal.key#93B6E6
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#EBB483
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#EBB483
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#F77E70
keyword.operator.or.regexp, keyword.control.anchor.regexp#E9EABE
keyword.operator.quantifier.regexp#EBB483
constant.character#5F95DE
constant.character.escape#EBB483
entity.name.label#E9EABE
token.info-token#5F95DE
token.warn-token#EB9E58
token.error-token#F77E70
token.debug-token#AC92DE