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#007acc
  • editor.background#1e1e1e
  • editor.foreground#e0e0e0
  • editor.inactiveSelectionBackground#3a3d4180
  • editor.selectionHighlightBackground#add6ff26
  • editorIndentGuide.background1#404040
  • list.dropBackground#383b3d
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#d0d0d0ff
meta.embedded, source.groovy.embedded#d0d0d0
emphasisitalic
strongbold
header#000080
comment#608b4e
entity.name.tag#66ace6italic
entity.name.tag.css#4ec9b0
entity.other.attribute-name#ffffa0
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#4ec9b0
invalid#f44747
markup.underlineunderline
markup.bold#66ace6bold
markup.heading#66ace6bold
markup.italicitalic
markup.inserted#b5cea8
markup.deleted#ce9178
markup.changed#66ace6
beginning.punctuation.definition.quote.markdown#608b4e
beginning.punctuation.definition.list.markdown#6796e6
punctuation.definition.markdown#707080
markup.inline.raw#ce9178
meta.selector#d7ba7d
punctuation.definition.tag#66ace6
meta.preprocessor#66ace6
meta.preprocessor.string#ce9178
meta.preprocessor.numeric#b5cea8
meta.structure.dictionary.key.python#9cdcfe
meta.diff.header#66ace6
storage#66ace6
storage.type#66ace6
storage.modifier#66ace6
string#ce9178
string.tag#ce9178
string.value#ce9178
string.regexp#d16969
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#66ace6
meta.template.expression#d0d0d0
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded#ffffa0
keyword#66ace6
keyword.control#66ace6
keyword.operator#d0d0d0
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python#66ace6
keyword.other.unit#a0a0b0
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#66ace6
support.function.git-rebase#9cdcfe
constant.sha.git-rebase#b5cea8
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#d0d0d0
variable.language#66ace6
string#a0a0b0
constant.numeric, variable.other.enummember#a0a0b0
constant.language#a0a0b0
constant.regexp#646695
comment#808090italic
entity.name.function, support.function, support.constant.handlebars#ffffa0
meta.return-type, support.class, support.type, entity.name.type, entity.name.class, 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#4ec9b0
meta.return.type, meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#4ec9b0
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6
meta.decorator.js, meta.decorator.jsx, meta.decorator.ts, meta.decorator.tsx#66ace6italic